因为期末考试，所以网页的学习暂停了几个周，假期，又开始了网页的学习。
首先一开始，由于长时间没有接触，网页的知识已经忘记得差不多了，所以，我的第一个周主要是复习了一下以前学过知识——即HTML到CSS样式表，然后又利用一两天的时间学习了一下新的知识——CSS复合选择器到CSS三大特性，所以第一周赶集网的制作还没有开始。接下来就总结一下这周学习的CSS复合选择器到CSS三大特性的内容。
1、复合选择器
复合选择器包括后代选择器、子代选择器、并集选择器和伪类选择器。
复合选择器就是建立在基础选择器之上的，所以内容很简单，只要记住他们的格式即可。这个内容的重点呢，我觉得应该就是链接伪类选择器当中的hover了，因为它在实际开发中应用的也比较的多，使用这个hover选择器后，鼠标指到这个链接上，链接就会变成我们设置的样式。
简单代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>练习</title>
<style>
a{
color: #FF0000;
text-decoration: none;
}
a:hover{color: #0000FF;}
</style>
</head>
<body>
<a href="#">这是一个链接</a>
</body>
</html>
效果：
二、元素显示模式
HTML的元素分为行内元素和块元素，内容也非常简单。主要是显示模式的转换，将行内元素转换成块元素或者行内块元素，主要可以应用于增加链接<a>的触发范围。
简单代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>练习</title>
<style>
a{
color: #FF0000;
text-decoration: none;
display: block;
height: 200px;
background-color: #DEB887;
}
a:hover{color: #0000FF;}
</style>
</head>
<body>
<a href="#">这是一个链接</a>
</body>
</html>效果:
只要点击灰色部分都会触发链接。
三、CSS背景
主要用于给页面元素添加背景样式，包括颜色、图片、背景平铺、图片位置 、附着等。
添加背景图片，比较于之前的直接添加图像标签会更易于控制图片的位置。
四、CSS的三大特性
CSS的三大特性：层叠性、继承性、优先级
层叠性和继承性都不难理解。优先级呢，主要是选择器不同的时候要根据选择器的权重看执行哪个选择器。
选择器的权重：
1、使用范围越小的，权重越大。继承过来的权重一定最小！
2、复合选择器中权重的叠加问题
像这里 最后<li>中的文字是黑色还是紫色呢？显然是紫色。
因为 ul li 的权重为 0001+0001=0002 ，而 .nnn li的权重为 0010+0001=0011。
0011>0002 所以最后显示的是紫色。
五、总结
下周继续努力，开始赶集网的制作。
910
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
