关闭

css中的id和class

标签: css
74人阅读 评论(0) 收藏 举报
分类:

**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)
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:10859次
    • 积分:1172
    • 等级:
    • 排名:千里之外
    • 原创:110篇
    • 转载:5篇
    • 译文:0篇
    • 评论:1条
    文章分类