继7.5
五、CSS的属性单位
1、长度、百分比单位
（1）长度单位：相对长度单位与绝对长度单位两种类型。
（2）百分比单位：常用的相对类型。
2、色彩单位
（1）用十六进制表示色彩值
使用RGB概念指定色彩
例：div{color:#ff000}
（2）用色彩名称方式表示色彩值
例：div{color:red}
（3）用rgb函数方式表示色彩值
例：div{color:rgb(128,50,220)}
六、文档结构
CSS通过与HTML文档结构相对应的选择符来达到控制页面表现的目的，文档结构在样式的应用中具有重要的角色。CSS之所以强大，是因为他采用HTML文档结构来决定其样式的应用。
1、文档结构的基本概念
<html>
<head>
<meta charset="utf-8">
<title>文档结构示例</title>
</head><body>
<h1>初识CSS</h1>
<p>CSS是一组格式设置规则，用于控制<em>Web</em>页面的外观。</p>
<ul>
<li>CSS的优点
<ul>
<li>表现和内容（结构）分离</li>
<li>易于维护和<em>改版</em></li>
<li>更好地控制页面和布局</li>
</ul>
</li>
<li>CSS设计与编写原则</li>
</ul>
</body>
</html>
2、继承
<html>
<head>
<meta charset="utf-8">
<title>继承示例</title>
<style type="text/css">
p{
color: #oof;
text-decoration: underline;
}
p em{
font-size: 24px;
color: #f00;
}
</style>
</head><body>
<h1>初识CSS</h1>
<p>CSS是一组格式设置规则，用于控制<em>Web</em>页面的外观。</p>
<ul>
<li>CSS的优点
<ul>
<li>表现和内容（结构）分离</li>
<li>易于维护和<em>改版</em></li>
<li>更好地控制页面和布局</li>
</ul>
</li>
<li>CSS设计与编写原则</li>
</ul>
</body>
</html>
3、样式表的层叠、特殊性和重要性
（1）样式表的层叠
<html>
<head>
<meta charset="utf-8">
<title>样式表的层叠示例</title>
<link rel="stylesheet" type="text/css" href="css/style4-13.css"/>
<style text="text/css">
<!--
h2{
text-align: right;
font-size: 24pt;
border: 2px dashed#00f;
}
-->
</style>
</head><body>
<h2>文字色彩为蓝色，向右对齐，大小为24pt，蓝色虚线边框</h2>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>样式表的层叠示例</title>
<style type="text/css">
div{
color: red;
font-size: 13pt;
}
p{
color: blue;
}
</style>
</head><body>
<div>
<p>这个段落的文字为蓝色13号字</p>
</div>
</body>
</html>
（2）特殊性
描述了不同规则的相对权重，当多个规则应用到同一元素时，权重越大的样式会优先采用。
（3）重要性
不同的选择符定义相同的元素时，要考虑不同选择符之间的优先级（id选择符、类选择符和HTML标签选择符），id选择符的优先级最高，其次是类选择符，HTML标签选择符最低。如果想超越这三者之间的关系，可以用!important来提升样式表的优先权。
4、元素类型
（1）块级元素
（2）行级元素
（3）列表项元素
（4）隐藏元素
（5）其他分类
200
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
