css中的id和class

原创 2015年11月19日 20:43:10

**class的主要功能,用来对对象的样式设置
id除了可以定义样式之外,还可以成为网站交互行为一个特使标识。
id名字在每个页面中只能允许出现一次。**

何时使用id:
1.样式只使用一次
2.用于对页面的区域进行标识

何时使用class:
1.同一页面中出现多次
2.通用及经常使用的元素
3.class高级使用技巧-同时使用多个类
eg:

    <html > 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>DIV CSS中CLASS与ID实例 - -DIV+CSS-www.divcss5.com</title> 
    <style> 
    .css5{ width:100px; height:100px; border:1px solid #000; float:left; } 
    .css5_class{ background:#FFF;} /* 背景白色 */ 
    #css5_id{ background:#FF0000;} /* 背景红色 */ 
    </style> 
    </head> 

    <body> 

    <div class="css5 css5_class">我在浏览器下浏览,内容背景将是白色</div>  
    <div class="css5" id="css5_id">我在浏览器下浏览,内容背景将是红色</div>  

    </body> 
    </html> 
结果如下:
![这里写图片描述](http://img.blog.csdn.net/20151119204223941)
版权声明:本文为博主原创文章,未经博主允许不得转载。

css id,class命名与seo

  • 2011年04月17日 10:16
  • 12KB
  • 下载

css中class属性和id属性的样式文件…

其中标准单元格元素,html的表格有两类单元格:表头单元由创建;标准单元由创建td元素的字体一般显示为正常字体且左对齐 CLASS属性用于指定元素属于何种样式的类。例如,样式表可以加入punk和wa...
  • HYM1987
  • HYM1987
  • 2012年12月12日 19:51
  • 902

CSS “点 ”“井号”的含义and ID class区别

body{        font-family: Arial,sans-serif;        color: #333333;        line-height: 1....

css命名规则及id与class的选择问题

CSS网页布局有很多值得学习的地方,这里和大家重点讨论一下CSS中id与class命名及编码的6个最佳习惯,相信本文介绍一定会让你有所收获。 CSS中id与class命名及编码的6个最佳习惯 ...
  • bgk083
  • bgk083
  • 2015年06月07日 11:46
  • 413

js 正则,根据css id名class名取得一个属性代码;

var oldLine=all.match( new RegExp('.cp_hover'+'(\\s)*'+'.hot3'+'(.)*'+'}','g') ); aler...

div+css3中id和class的命名

文章来源:http://www.jb51.net/css/22091.html       用div+css样式表写页面有一段时间了,起初写div+css样式表的时候,最让我头疼的不是怎么写...

CSS id与class

CSS id与CSS class CSS ID与CSS CLASS 前面我们介绍过了id与class区别,接下来再简单介绍CSS id与CSS class区别与用法。 id与...
  • LwqLwh
  • LwqLwh
  • 2017年06月23日 12:14
  • 171

css中使用id和class 的不同

在 CSS 中,类选择器以一个点号显示: .center {text-align: center} 在上面的例子中,所有拥有 center 类的 HTML 元素均为居中。 在下面的 HT...

css学习之id和class选择器

id 和 class 选择器 如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。 id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指...

CSS代码结构中id及class类命名探究

你对CSS代码结构中id及class类命名规则是否熟悉,这里和大家分享一下,不管你用id还是class,请不要让它的名字与它的表现有任何的关联,应该让这个名字更有意义。 CSS代码结构id及cl...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css中的id和class
举报原因:
原因补充:

(最多只允许输入30个字)