CSS中的id与class小感 @ 肖恩D++

CSS中的id与class小感

Posted on October 14th, 2008 Sean Add comments

     最近闲来无事，做了一些基于CSS层叠格式的HTML网页。coding中，对id与class两种调用方式偶有小感。
     理论上讲，id通常用于定义页面上一个仅出现一次的标记，或称其具有唯一性；而class是用来根据用户定义的标准对一个或多个元素进行定义的，换句话说，具有重复性——可重复使用。
     举个简单的例子：

XHTML

<style><!-- #abc{color:#ff0000} #def{color:#0000ff} .ghi{background:#000000} --</style> <div id="abc" class="ghi">111</div> <div id="def" class="ghi">222</div>

1
2
3
4
5
6
7

<style><!--
#abc{color:#ff0000}
#def{color:#0000ff}
.ghi{background:#000000}
--</style>
<div id="abc" class="ghi">111</div>
<div id="def" class="ghi">222</div>

     总的来说，在网页中，如果计划会有许多分项来说明不同问题，一般用id，即使将来增加新分项，也只用增加新id而已；然而如果每个分项都会有一些相同的内容，譬如颜色、表格、字体、分栏等等，使用class会比较有效。

HTML/CSS HTML

(No Ratings Yet)
Loading...
254 views

Leave a Reply

Be the First to Comment!

Please insert the code above to comment

Notify of new replies to this comment
Notify of all new follow-up comments

wpDiscuz