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