Heim > Web-Frontend > HTML-Tutorial > div+css的基本 常用到语法(一) 。_html/css_WEB-ITnose

div+css的基本 常用到语法(一) 。_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:29:35
Original
1057 Leute haben es durchsucht

什么时候用id,什么时候用class?

class  是设置标签的类   可以再多个div上运用
 id  是设置标签的标识 只能在一个div上运用

在代码中把id 运用到多个div上,运行效果是没错的。但是在语法上就犯了错,不能通过在W3校验,但是当你调用id是那么怎么区分呢?

 打个比方,这屋子有这么多人,怎么区分呢谁谁谁呢?而id相当于一个名字一个身份证相,来区分谁是谁的。如果同时出现了两个人相同的名字(id相同),那么叫到谁,该谁来回应呢?同理在css中定义了两个id相同的名字则混淆。

在概念上说: id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。

 

在书写上我们也应该保持良好的书写状态

在一些比如分区,导航,主题就该用id,例如:#header{...},id尽量在结构的外围用。

而class,则尽量用到结构的内围中。例如:#header .content{...}

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage