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

2023-02-27    分类: 网站建设

网站建设中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属性的样式类。还是应该使用传统的样式类,这样才能创建正确而且丰富的文档。

分享文章:成都网站建设中CSS一般类与ID类!
文章位置:/news14/240064.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站建设

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站建设网站维护公司