come on babay

http://www.5i3gp.cn/blog/post/221.html#cmt77

相信对web标准比较熟悉的朋友，对class和id的使用一定不陌生。我自己的习惯是，在外围使用id，而内部子级的样式使用class，不过因为语义标签的级联关系，所以很多地方直接对子级标签进行css定义。

　　今天看到两个有意思的比喻，很精妙，也许可以使你会心一笑。

===============第一条=============================

简单的比喻
一个学校(好比一个页面)
高二三班(好比一个 block 区块，碰巧也有个类 class="s23")
学生 POPO(好比一个对象，id="POPO")
白衬衫(好比一个类， class="whiteshirt")
那么学校里穿白衬衫的学生可以有很多(好比页面上可以有很多相同的 class)
你(好比 Javascript 的一个 function() 函数)
到学校来找 POPO(脚本来找对象了)
如果你跟老师说找一个穿白衬衫的，老师会给你一堆穿白衬衫的学生
所以你必须告诉老师，要找一个叫 POPO 的学生
明白了么
引自http://live.foosun.net/archives/2006/97.html

==================第二条===========================

ID需要具有唯一性，并且尽量在外围使用。而CLASS具有可重复性，并且尽量在结构内部使用。这样做的好处是有利于网站代码的后期维护与修改，这样的做法就会让所有的CLASS都成为ID的子级或是孙级。你可以有两个儿子但你能有两个爸爸吗?

引自http://www.andymao.com/andy/post/31.html

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

http://hi.baidu.com/blogstar/blog/item/48698222af0876f3d7cae227.html

但有的时候，我们需要给这些层中的元素设置不同的样式时，我们要如何做呢？例如会员登录这几个文字使用14px加粗，其他是使用12px加粗，我们要怎么写CSS呢，看下面的代码？
　

 　.bar_title {font-size:12px;font-weight:bold}
　　#login .bar_title {font-size:14px}

　　#login .bar_title 表示的是在ID为login的层下的CLASS为bar_title的元素的样式，这样表示的就可以有针对性的对某些元素定制样式。#login .bar_title 在单独设置了font-size:14px的样式时，同时也继承了.bar_title这一组（类）的样式，那就是font-weight:bold，加粗。

　　再举一个例，这样大家就会对这部分理解更深刻了,HTML代码如下。

 <div class="title">
    <a>title1</a>
</div>
<span class="title">
    <a>title2</a>
</div>

ID的属性有着令人难以置信的强大功能。ID属性可以完成下列功能：
作为一个样式表的选择器，可以让我们创建紧凑的、最小化了的XHTML页面文件。
最为一个超文本链接的目标anchor，用来替代过时的name属性（或者向前兼容和她共存）
作为基于DOM的脚本中特殊元素的引用方法。
作为一个声明的对象元素名字。
作为通常目的流程处理的工具（W3C的例子中："当从HTML页面提取数据到一个数据库，或者把HTML文档转化到另外一个格式等，这个可以用来标明区域"）

http://hi.baidu.com/blogstar/ div+css 六教程

发贴者：china  # 03:03