学做网站培训课程介绍

当前位置:

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的执行效率有很大的帮助。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • CSS如何调整DIV顶部边距 图文教程 (126323 次浏览)
    作者: wenmp424Email: 1871663623@qq.com详细内容:想把网站LOGO往下调,同时把导航往上调,跟背景图对齐,里面那一句是添加上边距的呢,该怎
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS控制文字水平居中、垂直居中。CSS控制文字水平居中,需要使用text-align属性,其
  • APMServ5.2.6本地环境配置软件介绍由于每台电脑的端口使用情况不一样,很多学员在用XAMPP环境配置软件配制本地环境的时候,经常会不成功,出现服务器或
  • 对于使用Dreamweaver CS6破解版软件,可以很软件的对相同的文字,代码进行一次性替换,但对于包含不同内容的代码时就很难一次性替换了,就需要使用DW正则
  • CSS中Class与ID的使用规范 图文教程 (116598 次浏览)
    学习了建网站课程的学员都知道,网站的布局格式都是通过CSS样式来控制的。CSS的命名有二种方式:Class与ID。(相关知识:CSS中class与id的区别是什么