一份比较完整的CSS 3.0 参考手册，非常不容易。手册是根据W3C的CSS3草案翻译，并且结合实际的示范结合而成。每一页都倾注了很多的心血。
预览页面：
.fanne td {
color: #f60;
background: #666;
} 使用方法举例：<table class=fanne><tr><td></td></tr></table> 这样TD里就有上面的属性了；
td.fanne {
color: #f60;
background: #666;
} 使用方法举例：<table><tr><td class=fanne></td></tr></table> 这样TD里就有上面的属性了；
PS:注意第二个样式中没有空格；
#header{...} #header #haha{...} 这个是haha的定义内容 同时 haha样式也‘继承’了header的所有属性;
#header, #haha{...}这个就是header和haha同时定义一样的属性了；注意区别。
常见的还有#header ul li{...} 这里的li的样式只有在header容器里才能生效了 也是说别的地方的li还是默认的样子。希望对CSS定义样式时迷茫的人有点帮助。
现在互联网上关于DIV+CSS的文章铺天盖地都是，我也会去看，但是相信你看了这片文章会解决“菜鸟”或者说现在还想入门者的一个困惑。
原理图大家都见过，但是可能刚学习的人总是不知道为什么布局起来不会和长期接触TABLE的感觉一样顺手？
用TALBE的都知道，精确计算宽度，然后给TABLE一个宽度就是自己想要的，但是到了CSS就有点不一样了，起码不和自己想象的一样。给了确定的宽度，但是总是会超出来，表现就是拐到下面去了，有点摸索精神的人就知道了把想要的宽度改小一点它[DIV]就到你想要的地方了，下面我来解释一下为什么。
举一个例子，如果我们想整个的页面宽度是760PX。
一、用TABLE，就是老实地给TABLE 760PX的宽度就好了；
二、用DIV+CSS 写一个定义的样式：
.content1 {
margin:0;
padding:0;
border:0;
width:760px;
} //可以
.content2 {
margin:10px;
padding:0;
border:0;
width:740px;
} //行
.content3 {
margin:10px;
padding:10px;
border:0;
width:720px;
} //有效
.content4 {
margin:10px;
padding:10px;
border:1px solid #000;
width:718px;
} //同样正确
上面的四个方式做出来后 截图拿PS量一下 宽度绝对都是760px，仔细看看宽度的值却大不一样，再细细想想，求求和什么的，就明白了，原来DIV+CSS把margin,padding,border的宽度要全部算上才算是真正显示的宽度，这只是一个层，可能感觉不到意义有多大，想想你在760px分成三列布局的时候总是弄不好位置就应该知道问题出在哪了，时间关系就不举例说三列的拉。
如果：
1、你还不知道margin:10px;是表示上下左右四个方向也就是为什么在.content4里是要10*2+10*2+2*2+718=760那说明你还有很多文章要看。
2、你是高手 早就知道了是怎么回事，也不要骂我，文章的标题就是也许能解决一部分人的困惑，你不是这部分人。
3、从来都是用什么都是0，也就是.content1的方法的人，那你太幸运了，到现在还觉得DIV的宽度是和TABLE的一样的，
4、有点收获。
可能我是孤陋寡闻，反正我是没看到在精确确定宽度时这些值要加起来算的文章。我会继续写我的体会！
在XHTML中定义ID、CLASS都用得上，主要是方面CSS定义样式时能一眼看穿。所以，CSS命名仅作参考。
(1)页面结构类
容器: container
页头：header
内容：content/container
页面主体：main
页尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
(2)导航类
导航：nav
主导航：mainnav
子导航：subnav
顶导航：topnav
边导航：sidebar
左导航：leftsidebar
右导航：rightsidebar
位置导航： crumb
菜单：menu
子菜单：submenu
面包屑：breadcrumb(即页面所处位置导航提示）
(3)网页内容类
标题: title
摘要: summary
箭头： arrow
商标： label
网站标志： logo
转角/圆角： corner
横幅广告： banner
栏目： column
子菜单： subMenu
搜索： search
搜索框： searchBox
登录： login
工具条： toolbar
下拉： drop
标签页： tab
当前的： current
列表： list
滚动： scroll
服务： service
提示信息： msg
新闻： news
小技巧： tips
下载： download
栏目标题： title
热点： hot
加入： joinus
注册： regsiter
指南： guide
友情链接： friendlink
状态： status
版权： copyright
按钮： btn
合作伙伴： partner
投票： vote
[转] http://www.cnbruce.com/blog/showlog.asp?cat_id=5&log_id=1277
良好的习惯有时候也是必不可少的，能带来很多方便，也让代码的可读性上升一个档次，个人认为比清一色的中文缩写是好多了。
Categorys
Friends