第三章页设计与制作电子样式表入门方案.ppt

标记就成为外层标记的后代。 3、并集选择器 并集选择器是各个选择器通过逗号连接而成的，任何形式的选择器（包括标记选择器、class类选择器id选择器等），都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同，或部分相同，就可以利用并集选择器为它们定义相同的CSS样式。 3.3 CSS高级特性 3.3.2 CSS层叠性和继承性 1、层叠性 所谓层叠性是指多种CSS样式的叠加。例如，当使用内嵌式CSS样式表定义p标记字号大小为12像素，链入式定义p标记颜色为红色，那么段落文本将显示为12像素红色，即这两种样式产生了叠加。 2、继承性 所谓继承性是指书写CSS样式表时，子标记会继承父标记的某些样式，如文本颜色和字号。想要设置一个可继承的属性，只需将它应用于父元素即可。 3.3 CSS高级特性 恰当地使用继承可以简化代码，降低CSS样式的复杂性。但是，如果在网页中所有的元素都大量继承样式，那么判断样式的来源就会很困难，所以对于字体、文本属性等网页中通用的样式可以使用继承。例如，字体、字号、颜色、行距等可以在body元素中统一设置，然后通过继承影响文档中所有文本。 并不是所有的CSS属性都可以继承，例如，下面的属性就不具有继承性：边框、外边距、内边距、背景、定位、元素宽高属性。 3.3 CSS高级特性 3.3.3 CSS优先级 定义CSS样式时，经常出现两个或更多规则应用在同一元素上，这时就会出现优先级的问题。 在考虑权重时，初学者还需要注意一些特殊的情况，具体如下： 继承样式的权重为0。即在嵌套结构中，不管父元素样式的权重多大，被子元素继承时，他的权重都为0，也就是说子元素定义的样式会覆盖继承来的样式。 行内样式优先。应用style属性的元素，其行内样式的权重非常高，可以理解为远大于100。总之，他拥有比上面提高的选择器都大的优先级。 3.3 CSS高级特性 权重相同时，CSS遵循就近原则。也就是说靠近元素的样式具有最大的优先级，或者说排在最后的样式优先级最大。 CSS定义了一个!important命令，该命令被赋予最大的优先级。也就是说不管权重如何以及样式位置的远近，!important都具有最大优先级。 3.3 CSS高级特性 3.4 阶段案例 效果图如下： ? 本章小结 本章首先介绍了CSS样式规则，引入方式，以及CSS基础选择器。然后讲解了常用的CSS文本样式属性，CSS复合选择器，CSS的层叠性、继承性以及优先级，最后通过CSS修饰文本，制作出了一个常见的新闻页面。 通过本章的学习，读者应该能够充分理解CSS所实现的结构与表现的分离，以及CSS样式的优先级规则，能够熟练地使用CSS控制页面中的字体和文本外观样式。 * 让IT教学更简单，让IT学习更有效 让IT教学更简单，让IT学习更有效 让IT教学更简单，让IT学习更有效 让IT教学更简单，让IT学习更有效 ? 目录 让IT教学更简单，让IT学习更有效 ? 本章小结 第三章 CSS入门 CSS核心基础 CSS文本相关样式 CSS选择器 CSS高级特性 3.1 CSS核心基础 3.2 CSS文本相关样式 3.3 CSS高级特性 3.4 阶段案例—制作新闻页面 3.1 CSS核心基础 3.1.1 CSS样式规则 使用HTML时，需要遵从一定的规范。CSS亦如此，要想熟练地使用CSS对网页进行修饰，首先需要了解CSS样式规则，具体格式如下： 在上面的样式规则中，选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。其中，属性和属性值以“键值对”的形式出现，属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。属性和属性值之间用英文“:”连接，多个“键值对”之间用英文“;”进行区分。 选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} 3.1 CSS核心基础 初学者在书写CSS样式时，除了要遵循CSS样式规则，还必须注意CSS代码结构中的几个特点，具体如下： CSS样式中的选择器严格区分大小写，属性和值不区分大