JacksonBoyd · 发表于 2017-01-11

文章69 · 评论0

div中class与id的区别及应用

字数1643 · 浏览 718 · 评论 0

class是设置标签的类。 id是设置标签的标识。


class属性用于指定元素属于何种样式的类。


如样式表可以加入:


.baobao { color: lime; background: #ff80c0 }


使用方法:class=”baobao” id属性用于定义一个元素的独特的样式。


如一个CSS规则: #binbin { font-size: larger }


使用方法:id=”binbin”


id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆; class是一个样式,可以套在任何结构和内容上,就象一件衣服; 概念上说就是不一样的:id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。


一个Class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当的比方就是剧本:一个Class可以定义剧本中每个人物的故事 线,你可以通过CSS,javascript等来使用这个类。因此你可以在一个页面上使用class=”Frodo” ,class= “Gandalf”, class=”Aragorn”来区分不同的故事线。


还有一点非常重要的是你可以在一个文档中使用任意次数的Class。 至于 ID,通常用于定义页面上一个仅出现一次的标记。在对页面排版进行结构化布局时(比如说通常一个页面都是由一个页眉,一个报头< masthead>,一个内容区域和一个页脚等组成),一般使用ID比较理想,因为一个ID在一个文档中只能被使用一次。而这些元素在同一页面中 很少会出现大于一次的情况。


归纳成一句话就是:Class可以反复使用而ID在一个页面中仅能被使用一次。有可能在很大部分浏览器中反复使用同一个ID不会出现问题,但在标准上这绝对是错误的使用,而且很可能导致某些浏览器的现实问题。 在实际应用的时候,Class可能对文字的排版等比较有用,而ID则对宏观布局和设计放置各种元素较有用。

本文系作者 JacksonBoyd 授权问说网发表,并经问说网编辑,转载请注明出处和 本文链接

问说网手机版

躺着 站着 跪着轻松访问

更多 热门话题

APP界面

APP界面

文章 41517

APP欣赏

APP欣赏

文章 41450

APP手机界面

APP手机界面

文章 41440

图片素材

图片素材

文章 29463

高清图片

高清图片

文章 26225

更多 推荐作者

问说网

文章 13116

GallupDarnell

文章 117

GibbonRoy

文章 119

StuartKelly

文章 115

YeatesGeoffrey

文章 113

发布评论

顶部 反馈 评论 底部

意见反馈

感谢您对问说网的支持,提出您在使用过程中遇到的问题或宝贵建议,您的反馈对我们产品的完善有很大帮助。

您的反馈我们已收到!

感谢您提供的宝贵意见,我们会在1-2个工作日,通过您留下的联系方式将处理结果反馈给您!