河南新华电脑学院
欢迎 游客 , 注册 | 登录 | 会员 | 界面 | 简洁版本 | 在线 | 帮助
河南新华电脑学院

河南新华电脑学院社团在线奇点WEB工作室CSS样式语法基础


发表新主题 回复该主题
本主题被查看331次, 共1个帖子, 1页, 当前为第1页     选择页数: 1      跳转到第 页   上一主题   下一主题
标题: CSS样式语法基础
注册会员
UID: 743
来自:
精华: 0
积分: 89
帖子: 89
注册: 2007-12-19 6:33:25
状态: 离线
威望: 0
金钱: 15.95 元
只看楼主 2008-03-10 07:32
CSS样式语法基础
6. 样式表的层叠性

层叠性就是继承性，样式表的继承规则是外部的元素样式会保留下来继承给这个元素所包含的其他元素。事实上，所有在元素中嵌套的元素都会继承外层元素指定的属性值，有时会把很多层嵌套的样式叠加在一起，除非另外更改。例如在DIV标记中嵌套P标记：div { color: red; font-size:9pt}……<div><p>这个段落的文字为红色9号字</p></div>（P元素里的内容会继承DIV定义的属性）
注意：有些情况下内部选择符不继承周围选择符的值，但理论上这些都是特殊的。例如，上边界属性值是不会继承的，直觉上，一个段落不会同文档BODY一样的上边界值。

另外，当样式表继承遇到冲突时，总是以最后定义的样式为准。如果上例中定义了P的颜色：div { color: red; font-size:9pt}p {color: blue}……<div><p>这个段落的文字为蓝色9号字</p></div>我们可以看到段落里的文字大小为9号字是继承div属性的，而color属性则依照最后定义的。

不同的选择符定义相同的元素时，要考虑到不同的选择符之间的优先级。ID选择符，类选择符和HTML标记选择符，因为ID选择符是最后加上元素上的，所以优先级最高，其次是类选择符。如果想超越这三者之间的关系，可以用!important提升样式表的优先权，例如：p { color: #FF0000!important }.blue { color: #0000FF}#id1 { color: #FFFF00}我们同时对页面中的一个段落加上这三种样式，它最后会依照被!important申明的HTML标记选择符样式为红色文字。如果去掉!important，则依照优先权最高的ID选择符为黄色文字。
#1  
发表新主题 回复该主题
本主题被查看331次, 共1个帖子, 1页, 当前为第1页     选择页数: 1      跳转到第 页







现在的时间是 2008-11-21 02:09:50

版权所有 河南新华电脑学院  
          1.0.2642 (RC2)   Copyright © 2001-2008 Comsenz Inc.
Processed in 0.264 seconds