深入分析CSS样式中的ID和CLASS的区别

深入分析CSS样式中的ID和CLASS的区别,第1张

概述 【建站学院文档】今天有位朋友在群里问CSS的问题,提到Class和ID的区别,小编建议他百度一下,随后他查了很多文章,还是不太明白,于是小编只好给他一一分析。&nbs…         【建站学院文档】今天有位朋友在群里问CSS的问题,提到Class和ID的区别,小编建议他百度一下,随后他查了很多文章,还是不太明白,于是小编只好给他一一分析。         

        class是设置标签的类

        ID是设置标签的标识

        class属性用于指定元素属于何种样式的类。

        如样式表可以加入

        .Title {

        Font-size: 14px;

        Font-weight: bold;

        }

        使用方法:class="Title"

        ID属性用于定义一个元素的独特的样式。
 
        如一个CSS规则:

        #container

        {
        wIDth: 1004px;
        margin: 0 auto;
        text-align: left;
        }

        使用方法:ID="container" ,ID是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆;

        class是一个样式,可以套在任何结构和内容上,就象一件衣服;

        概念上说就是不一样的:
        ID是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。 

        好了,到此为止,上面说的已经很明白了,无论ID还是class都能轻松实现特别效果,简单方便,希望群里的朋友能够明白,也希望能给其他人以学习的机会。(文/飘飘) 总结

以上是内存溢出为你收集整理的深入分析CSS样式中的ID和CLASS的区别全部内容,希望文章能够帮你解决深入分析CSS样式中的ID和CLASS的区别所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1025973.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存