网络建站知识

精准传达 • 价值共享

洞悉互联网前沿资讯,探寻网站营销规律

查看其它板块

狐灵科技为你讲解CSS中#和.的区别

作者:狐灵科技 | 2019-12-31 12:29 |点击:

.一般是用class的

class:用来定义一些比较细节的样式,如具体的一个菜单,一行文字等,用.text的形式来定义。

而# 是id

id:用来定义页面中大的样式,如栏目划分,顶部,正文,底部等;用#top的形式来定义;

 

  CSS样式里

  #infont{}

  这个样式是用ID来调用的

  .infont{}

  这个样式是用CLASS来调用的
 

  1,在css样式表中书写时,id选择符前面应该加前缀符号‘#’,而class选择符前面应该加前缀符号‘.’。

  2,id属性一般在一个页面中只可以使用一次,而class可以被多次引用。

  3,id作为元素的标签,用于区分不同结构和内容,而class作为一个样式,它可以应用到任何结构和内容上。

  4,在布局思路上,一般坚持这样的原则:id是先确定页面的结构和内容,然后再为它定义样式:而class相反,它先定义好一类样式,然后再页面中根据需要把类样式应用到不同的元素和内容上面。

  5,目前浏览器都能允许在同一个页面内出现多个相同属性值的id,一般情况下也能正常显示,不过当使用javascript通过id来控制元素时就会出现错误。

  6,在实际应用时,class更多的被应用到文字版块以及页面修饰等方面,而id更多地被用来实现宏伟布局和设计包含块,或包含框的样式。

如没特殊注明,文章均为狐灵科技原创,转载请注明   "狐灵科技为你讲解CSS中#和.的区别
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

网站设计 品牌营销

多一份参考,总有益处

联系狐灵科技,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:15082661954 / 大客户专线:15523356218