成都网站建设中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类！
文章位置：https://www.cdcxhl.com/news14/240064.html

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

广告

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

猜你还喜欢下面的内容

网站建设网站维护公司

网站建设知识

同城分类信息