学做网站培训课程介绍

当前位置:

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

发表评论

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

相关教程

  • 通过网页制作教程上节课怎样在网页中添加表格,我们就可以在网页中插入一个表格,但往往插入的表格并不美观,我们需要设置一些表格参数去达到我们要求
  • 在网站布局过程中,运用div+css的布局是特别有利的,通常我们需要对一个div层进行居中处理,那么如何通过css属性对它进行控制呢:下面分享一个建网页
  • APMServ5.2.6本地环境配置软件介绍由于每台电脑的端口使用情况不一样,很多学员在用XAMPP环境配置软件配制本地环境的时候,经常会不成功,出现服务器或
  • SEO软件安装及使用方法 图文教程附件下载 (17978 次浏览)
    SEO软件安装及使用方法第一步:下载软件,下载地址:https://pan.baidu.com/share/link?shareid=482816&uk=404547014第二步:下载后,会得
  • HTML5书写规范 (114882 次浏览)
    HTML5相对于之前的HTML版本,书写HTML5 的规范更加严格。我们在使用HTML5做网站时,一定要按照这些书写规范进行书写。HMTL5书写规范 HTML声明
  • 网站文件位置存放规范 图文教程 (116821 次浏览)
    一个网站由大量的文件组成的,为了在学习怎么做网站过程中,让整个网站的结构清晰,方便以后的维护。我们在网站文件位置存放也需要按照一定的规范。