零基础建站培训介绍

当前位置:

CSS中Class与ID的使用规范

学习了建网站课程的学员都知道,网站的布局格式都是通过CSS样式来控制的。CSS的命名有二种方式:Class与ID。(相关知识:CSS中class与id的区别是什么?)

class

对于我们自己做网站时,如何正确的使用Class与ID来命名呢,为了达到CSS最高效,需要按照以下的使用规范。

Class与ID区别:

同名的ID在一个页面中只能有一个,所以使用ID表示CSS样式只能表示一个元素的样式;

CLASS在一个页面中可以有多个,也就是说定义一个CSS样式后,可以应用到多个元素;

Class与ID书写方式:

ID书写方式:#title{color:red}

CLASS书写方式:.title{color:red}

Class与ID命名规范:

规避从属写法。如#mainaav .firstnav{……}

规避class与id重名,不建议使用ID选择器。

重复使用这张专辑高的命名,可加代号加下划线起始,比如:title_news;

取父级元素ID/CLASS命名部分命名。例如:

<div id="mainnav"><div class="main_firstnav"></div></div>

了解了CSS中Class与ID的使用规范,对于自己建网站中提高CSS的执行效率有很大的帮助。

上一课: 下一课:

发表评论

零基础学建站就到学做网站论坛