您的位置：首页 > Web前端 > CSS

css中的id和class

2015-11-19 20:43 302 查看
**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>


结果如下：
![这里写图片描述](https://img-blog.csdn.net/20151119204223941)
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  css
相关文章推荐
新的分享
章节导航