CSS中类与id有什么区别 - 行业资讯 - 肥雀云

CSS中类与id有什么区别?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

类在程序中称“类”,同时在CSS中也书面语也叫“类”。在CSS样式中以小写的“点”及“。“来命名如:.css5{属性:属性值;},而在html页面里则以类=癱ss5"来选择调用,命名好的CSS又叫CSS选择器。如:.css5{属性:属性值;}选择器在html调用为“& lt; div类=癱ss5"在我是类例子& lt;/div>“如果不知道怎么引用CSS,那就可以了解下CSS引用。

而且类(类)在同一个html网页页面可以无数次的调用相同的类类,在这里例子里则可以在对应的网页里可以无数次调用选择“css5”。这也说明类一般是用来调用CSS中的预配制属性的,比如说有一个预配制属性为如这里的“.class01{属性:属性值;}”,这样就可以像调用函数一样不用再一个网页页面里重复的配置一个“类”属性,而只需要写上一个类类选择,就可以在同一个页面里任何位置调用选择具有相同的类类。

ID是表示着标签的身份,在JS脚本中会用到ID,当JS要修改一个标签的属性时,JS会将ID名作为该标签的唯一标识进行操作。也就是只说ID是页面元素的标识,供其他元素脚本等引用假。如你的页面里出现了两个ID那JS效果特性较出现逻辑错误不知道依据哪个ID来改变其标签属性。在CSS里的ID不一定为JS而设置的,但是同样ID在页面里也只能出现一次,并且是唯一性。虽然可能我们才学DIV + CSS爱好者在一个页面里同时调用相同的ID多次但是仍然没有出现页面混乱错误,但是我们为了W3C及各个标准我们也要遵循ID在一个页面里唯一性。以免出现浏览器兼容问题。

DIV CSS页面中的ID是怎么个用法呢?
通常我们在CSS样式定义的时候以“#”来开头命名ID名称如:# css5{属性:属性值;}这个也有点像类的定义,只是类是以小写句号”。“开头命名,而ID是以“#”好开头定义。那ID是怎么个用法呢? Css里的ID用法与类用法一样,只是把课换成ID。如例子:在Css样式定义ID - - - # css5{高度:25 px;宽度:200 px;},调用ID - - - & lt; div ID=癱ss5"在我是ID例子& lt;/div>。

接下来我们来看下完整关于类和ID实例:

代码如下:

& lt; ! DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0,//EN"过渡, 　　“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"祝辞, 　　& lt; html xmlns=癶ttp://www.w3.org/1999/xhtml"祝辞, 　　& lt; head>, 　　& lt; meta http-equiv=癈ontent-Type",内容=皌ext/html;, charset=gb2312",/祝辞, 　　& lt; title> DIV CSS中类与ID实例,安康;div + CSS-www.divcss5.com, 　　& lt; style>, 　　.css5{,宽度:100 px;,身高:100 px;,边界:1 px solid # 000;,浮动:左,,}, 　　.css5_class{,背景:# FFF;},/*,背景白色,*/, 　　# css5_id{,背景:# FF0000;},/*,背景红色,*/, 　　时间/style> & lt; 　　时间/head> & lt; 　　& lt; body>, 　　& lt; div 类=癱ss5 css5_class"在我在浏览器下浏览,内容背景将是白色& lt;/div>, 　　& lt; div 类=癱ss5", id=癱ss5_id"在我在浏览器下浏览,内容背景将是红色& lt;/div>, 　　时间/body> & lt; 　　& lt;/html>

接下来我们分析一下以上实例:类=癱ss5 css5_class"怎么是这样的?这里是相当于调用选择了类类css5与css5_class . class=癱ss5"id=癱ss5_id"这里同样是选择调用了类类:css5和id: css5_id。

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。