样式表CSS的高级语法

日期：2007年9月18日作者：查看:[大字体中字体小字体]

　　选择器的分组

　　你可以对选择器进行分组，这样，被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中，我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。

以下是引用片段：
h1,h2,h3,h4,h5,h6 {
　　color: green
　　}

　　继承及其问题

　　根据CSS，子元素从父元素继承属性。但是它并不总是按此方式工作。看看下面这条规则：

以下是引用片段：
body {
　　font-family: Verdana, sans-serif;
　　}

　　根据上面这条规则，站点的body元素将使用Verdana字体(假如访问者的系统中存在的话)。

　　通过CSS继承，子元素将继承最高级元素(在本例中是body)所拥有的属性(这些子元素诸如p, td, ul, ol, ul, li, dl, dt,和dd)。不需要另外的规则，所有body的子元素都应该显示Verdana字体，子元素的子元素也一样。并且在大部分的现代浏览器中，也确实是这样的。

　　但是在那个浏览器大战的血腥年代里，这种情况就未必会发生，那时候对标准的支持并不是企业的优先选择。比方说，Netscape 4就不支持继承，它不仅忽略继承，而且也忽略应用于body元素的规则。IE/Windows直到IE6还存在相关的问题，在表格内字体样式会被忽略。我们又该如何是好呢?

　　友善地对待Netscape 4

　　幸运地是，你可以通过使用我们成为"Be Kind to Netscape 4"的冗余法则来处理旧式浏览器无法理解继承的问题。

以下是引用片段：
body {
　　font-family: Verdana, sans-serif;
　　}
　　p, td, ul, ol, li, dl, dt, dd {
　　font-family: Verdana, sans-serif;
　　}

　　4.0浏览器无法理解继承，不过他们可以理解组选择器。这么做虽然会浪费一些用户的带宽，但是如果需要对Netscape 4用户进行支持，就不得不这么做。

　　继承是一个诅咒吗?

　　如果你不希望"Verdana, sans-serif"字体被所有的子元素继承，又该怎么做呢?比方说，你希望段落的字体是Times。没问题。创建一个针对p的特殊规则，这样它就会摆脱父元素的规则：

以下是引用片段：
body {
　　font-family: Verdana, sans-serif;
　　}
　　td, ul, ol, ul, li, dl, dt, dd {
　　font-family: Verdana, sans-serif;
　　}
　　p {
　　font-family: Times, "Times New Roman", serif;
　　}

（出处：急速软件下载学院）

样式表CSS的高级语法相关文章：
·多个CSS样式表争夺特定选择符的控制权
·Photoshop教程图层样式的学习
·怎么样清除能突破主动防御的新型木马
·怎么样才算是个顶尖的SEO
·用CSS立刻改变鼠标的样式
·用CSS样式表隐藏文字的挺方法
·用Photoshop样式打造晶莹琥珀吊坠
·Dreamweaver使用CSS样式表设置网页
·PowerPoint做交互课件不用VBA照样搞定
·利用PS“图层样式”制作金属字效果
样式表CSS的高级语法相关软件
·阳光像花一样绽放
·温暖夜读—你必须有一样是出色的
·像阿诺一样健身（翻页e书）
·《幸福像花样灿烂》
·《象青蛙一样思考》
·冰点的思考：像经济学家一样思考
·《革命现代京剧样板戏剧本全集》
·猪样年华
·别样丽江
·人样子

上一篇:Windows Live Events——社会性网络服务

下一篇:Office 2007销售火爆超过旧版Office软件

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

样式表CSS的高级语法

精品推荐

热点TOP10

特别推荐