这篇文章主要介绍了关于CSS中的class与id区别及用法的解析，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下
用p CSS制作Xhtml网页页面时，常会用到class 和id来选择调用CSS样式属性，那么什么时候该用class，什么时候又用id，下面详细了解CLASS与ID基本属性及用法
我们平常在用p CSS制作Xhtml网页页面时，常会用到class 和id来选择调用CSS样式属性。对学习CSS的新手来说class和id可能比较模糊，同时不知道什么时候该用class，什么时候又用id，以及它们用法与限制是怎么样的。接下来我们就来详细了解CLASS与ID基本属性及用法。
Class 在程序中称“类”，同时在CSS中也书面语也叫“类”。在CSS样式中以小写的“点”及“.”来命名如： .css5{属性：属性值;} ,而在html页面里则以class="css5" 来选择调用,命名好的CSS又叫css选择器。如： .css5{属性：属性值;} 选择器在html调用为“
我是class例子
”如果不知道怎么引用CSS，那就可以了解下css引用。我是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>p CSS中CLASS与ID实例 - -p+CSS-www.pcss5.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>
<p class="css5 css5_class">我在浏览器下浏览，内容背景将是白色</p>
<p class="css5" id="css5_id">我在浏览器下浏览，内容背景将是红色</p>
</body>
</html>接下来我们分析一下以上实例：class="css5 css5_class" 怎么是这样的？这里是相当于调用选择了class类css5与css5_class 。class="css5" id="css5_id" 这里同样是选择调用了class类 :css5和id :css5_id 。
本页通过CSS实例与CLASS类和ID分别的讲解，相信您能从此深刻认识和区分它们并且灵活。特别注意：在命名id和class类的时候特别要注意大小写，ID和class是对大小写非常敏感的，最好以英文开头，不要用中文命名CSS类名。
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
以上是关于CSS中的class与id区别及用法的解析的详细内容。更多信息请关注PHP中文网其他相关文章！
