网站建设中CSS一般类与ID类!-力创科技

网站建设中CSS一般类与ID类!

2015-10-23 00:00:00134


网站建设中CSS一般类与ID类!

    前边说到样式类中的常规类,我们还可以在定义类时不把它与某个特殊标签关联起来,并有选择地把该类应用到整个文档的多个标签中。例如:
.italic {font-style: italic;}
    这里创建的是名为“italic”的一般类。要使用它,只要把它的名称包括在class属性中即可。例如,可使用<p>或<h1>来创建斜体段落或斜体标题。一般类使用起来非常方便,可以轻松地将某种特殊样式应用到众多标签中。
网站建设中的ID类
    几乎所有HTMl标签都支持id属性,id属性可以为元素分配一个在文档中独一无二的标识符。该标识符可以是URL的目标,被自动文档处理工具所例用,也可以用来为元素指定某种样式规则。
    能够识别样式的浏览器可以只对那些用id属性明确标记的文档内容应用某种样式类,在创建这种样式类时,要遵循与样式类一样的语法,但是在类名前要使用“#”符号而不是句点。例如:

<style>
<!--
#yellow {color: yellow}
h1#blue {color: blue}
-->
</style>

    在文档中,可以使用同样的id属性来应用样式,例如用<h1 id=blue>创建一个蓝色标题。或者,哪上例所示,在文档中到处使用id=yellow,将标签中的内容变成黄色。也可以混合使用class和id属性,这样就有了对单个元素应用两种独立样式规则的一定能力。
    但是这样定义的类有很严重的缺陷:html和XHTML标准规定,对于文档中的每个标签来说,其id属性的值必须是惟一的。但是在这里,我们必须要利用同一个值来多次应用样式类。即使当前浏览器允许你侥幸这样操作,我们还是极力反对创建和使用带有id属性的样式类。还是应该使用传统的样式类,这样才能创建正确而且丰富的文档。


帮助中心