网页设计与制作3

css高级特性

---

css复合选择器

---

1.标签指定式选择器

他又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个

选择器之间不能有空格。

2.后代选择器

其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。

3.并集选择器

是各个选择器用逗号连接而成的，任何形式的选择器都可以作为并集选择器的一部分。

css层叠性和继承性

1.层叠性

所谓层叠性就是多种css样式的叠加。

2.继承性

继承性是指书写css样式表时，子标记会继承父标记的一些样式。

css优先级

定义css样式时，经常出现两个或更多规则应用在同一元素上，这时就会出现优先级的问题，
为了体验css优先级，首先看一个具体的例子

p{color:red;}
.blue{color:green;}
#header{color:blue;}

对应的html结构为

<p id="header" class="blue">
帮帮我，我到底显示什么颜色？
</p>

标记选择器权重为1

类选择器权重为10

id选择器权重为100

阶段案例-制作新闻页面

下面是我使用css复合选择器写的一个新闻页面

希望大家给我指出一些问题