一.CSS的优势:
1.内容与表现分离;
2.网页的表现统一,容易修改;
3.丰富的式样,使得页面布局更加灵活;
4.减少网页的代码量,增加网页的浏览速度,节省网络带宽;
5.运用独立页面的CSS,有利于被搜索引擎收录;
二.CSS基本语法结构
1.语法:h1{
font-size:16px;
属性:值;
}
2.style标签:
<style type="text/css">
h1{
font-size:16px;
属性:值;
}
</style>
三.CSS选择器
1.标签:HTML标签作用为标签选择器的名称
<h1>...<h6>、<p>、<img/>
语法:p{font-size:16px;}
2.类选择器:多次使用
语法:class{font-size:16px;}
<标签名 class="类名称">标签内容</..>
3.ID选择器:不能重复使用
#id{font-size:16px;}
四.CSS样式
1.内部样式:<style type="text/css"></style>
2.行内样式:<h1 style="color=red"></h1>
3.外部样式:(链接式)
<head>
<link href="文件所在位置" rel="在页面使用外部样式" type="text/css"/>
</head>
4.样式优先级;
行内>内部>外部> id>类选择器>标签