css 中class与id的区别

最新推荐文章于 2020-10-27 16:38:22 发布

goon202

最新推荐文章于 2020-10-27 16:38:22 发布

阅读量320

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/goon202/article/details/54944777

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

class(类) 在同一个html网页页面可以无数次的调用相同的class。

ID是表示着标签的身份，在JS脚本中会用到id，当JS要修改一个标签的属性时，JS会将id名作为该标签的唯一标识进行操作。

实例如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<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>