网站制作学习网DIV+CSS→正文:css:继承的利与弊
字体:

css:继承的利与弊

DIV+CSS 2009/6/1 15:05:43  点击:不统计

关键词:css技巧,css中的继承



简单的说,继承是应用在一个标签上的那些css属性被传递到嵌套的标签上的过程。例如,<p>标签总是嵌套在<body>标签里面,因此应用在<body>标签上的属性被<p>标签继承了。

继承也在多代间进行。如果一个标签比如<em>或者<strong>标签,出现在一个<p>标签里面,那么<em>和<strong>标签也从应用在<body>标签的任何形式那里继承属性。

继承不只是应用在标签样式上,它对任何类型的样式都有效,因此当你应用一个类样式给一个标签时,这个标签中的任何标签都会从它那里继承属性。这一特性对ID央视、派生选择器,以及其他类型的样式也一样有效。

可以利用继承的优势简化样式表并使之更有效。假如你想要网页上的所有文本都使用同一种字体,不必给每一个标签创建样式,而只要给<body>标签创建一个标签样式即可,或者创建一个类样式并把它应用到<body>标签中去,快速并且轻松。也可以利用继承应用样式属性给网页的一部分。例如,就像许多网页设计师一样,你可能使用<div>标签定义网页的一个区域,比如横幅、工具条,或者页脚。通过应用样式给<div>标签,可以指定特定的CSS属性给只在网页上那一区域中的所有标签。如果你要一个工具条中所有文本的颜色相同,得创建一个样式来设置color属性,然后把它应用给<div>。任何<p>、<h1>或者<div>里面的其他标签都继承这种相同字体的颜色。

但是,继承不是全能的。许多css属性根本不能传递给派生标签。例如,border属性就不被继承。这里有一些例子,说明什么时候继承不会被严格应用:

1.一般说来,影响网页上的元素位置的属性,或者页边距、背景颜色和元素的边框等属性都不被继承。

2.网页浏览器用它们自己固有的样式为各种各样的标签设置格式、标题是大号和粗体,链接是蓝色的,等等。当你给网页上的文本定义一种字号,并把它应用到<body>标签时,标题仍然显示得比段落字体大,且<h1>标签仍然比<h2>标签大。当你用一种字体颜色给<body>时也一样,网页上的连接仍然显示为很好的老式的网页浏览器的蓝色。

3.当样式发生冲突时,更具体的样式胜出。换句话说,当你已经明确的应用了css属性给一个元素时,比如给一个无序列表指定字号,并且那些属性无论与哪个属性相冲突,比如与给<body>标签设定字号的属性项冲突的话,浏览器会使用应用给<ul>标签的字号。

·上一篇:background-attachment >>    ·下一篇:b与strong有什么区别 >>
推荐文章
最新文章