在网页中css主要负责html文档的样式显示，目前css主要有4种引入方式：行内式、内嵌式、导入式、链接式。使用CSS样式时，尽量将CSS代码与HTML代码分离，css的引入最好使用链接式。
1.行内式
<div style="color: #ccc; width: 200px; height: 100px;"></div>
2.内嵌式
<style type="css/text">
.text{
font-size: 20px;
padding-left: o;
margin: 0 auto;
}
</style>
<body>
<div class="text"></div>
</body>
3.导入式
a、在style元素中导入CSS文件
<style type="text/css">
@import "CSS样式文件的绝对地址";
@import url("样式文件的绝对地址");
</style>
b、在CSS文件中再导入CSS文件
/*某个CSS文件*/
@import "另一个CSS文件的地址";
.test{
width: 100px;
height: 100px;
line-height: 20px;
background-color: red;
}
4.链接式
<link type="text/css" rel="stylesheet" href="CSS样式文件的地址">
总结
服务热线 19970861797
