更好的命名CSS样式

现总结命名规则如下，毕竟是外国人发明的啊 希望能大家有帮助!
页头：header
登录条：loginBar
标志：logo
侧栏：sideBar
广告：banner
导航：nav
子导航：subNav
菜单：menu
子菜单：subMenu
搜索：search
滚动：scroll
页面主体：main
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guild
服务：service
热点：hot
新闻：news
下载：download
注册：register
状态：status
按钮：btn
投票：vote
合作伙伴：partner
友情链接：friendLink
页脚：footer
版权：copyRight

1.css ID 的命名外　套：　　wrap
主导航：　　mainNav
子导航：　　subnav
页　脚：　　footer
整个页面：　content
页　眉：　　header
页　脚：　　footer
商　标：　　label
标　题：　　title
主导航：　　mainNav（globalNav）
顶导航：　　topnav
边导航：　　sidebar
左导航：　　leftsideBar
右导航：　　rightsideBar
旗　志：　　logo
标　语：　　banner
菜单内容1： menu1Content
菜单容量：　menuContainer
子菜单：　　submenu
边导航图标：sidebarIcon
注释：　　　note
面包屑：　　breadCrumb(即页面所处位置导航提示）
容器：　　　container
内容：　　　content
搜索：　　　search
登陆：　　　login
功能区：　　shop(如购物车，收银台)
当前的　　　current

2.另外在编辑样式表时可用的注释可这样写：
/* Footer */
内容区
/* End Footer */

3.样式文件命名主要的 master.css
布局，版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css

柏拉图

有一天，柏拉图问苏格拉底：什麽是爱情？ 苏格拉底说：我请你穿越这片稻田，去摘一株最大最金黄的麦穗回来，但是有个规则：你不能走回头路，而且你只能摘一次。 於是柏拉图去做了。许久之后，他却空著双手回来了。 苏格拉底问他怎麽空手回来了？ 柏拉图说道：当我走在田间的时候，曾看到过几株特别大特别灿烂的麦穗，可是，我总想著前面也许会有更大更好的，於是就没有摘；但是，我继续走的时候，看到的麦穗，总觉得还不如先前看到的好，所以我最后什麽都没有摘到。。。 苏格拉底意味深长地说：这，就是爱情。

又一天，柏拉图问苏格拉底：什麽是婚姻？ 苏格拉底说：我请你穿越这片树林，去砍一棵最粗最结实的树回来好放在屋子裏做圣诞树，但是有个规则：你不能走回头路，而且你只能砍一次。 於是柏拉图去做了。许久之后，他带了一棵并不算最高大粗壮却也不算赖的树回来了。 苏格拉底问他怎麽只砍了这样一棵树回来？ 柏拉图说道：当我穿越树林的时候，看到过几棵非常好的树，这次，我吸取了上次摘麦穗的教训，看到这棵树还不错，就选它了，我怕我不选它，就又会错过了砍树的机会而空手而归，尽管它并不是我碰见的最棒的一棵。 这时，苏格拉底意味深长地说：这，就是婚姻。

还有一次，柏拉图问苏格拉底：什麽是幸福？ 苏格拉底说：我请你穿越这片田野，去摘一朵最美丽的花，但是有个规则：你不能走回头路，而且你只能摘一次。 於是柏拉图去做了。许久之后，他捧著一朵比较美丽的花回来了。 苏格拉底问他：这就是最美丽的花了？ 柏拉图说道：当我穿越田野的时候，我看到了这朵美丽的花，我就摘下了它，并认定了它是最美丽的，而且，当我后来又看见很多很美丽的花的时候，我依然坚持著我这朵最美的信念而不再动摇。所以我把最美丽的花摘来了。 这时，苏格拉底意味深长地说：这，就是幸福。

柏拉图又有一天又问老师苏格拉底什么是外遇 苏格拉底还是叫他到树林走一次 可以来回走 在途中要取一支最好看的花 柏拉图又充满信心地出去 两个小时之后，他精神抖擞地带回了一支颜色艳丽但稍稍焉掉的花， 苏格拉底问他："这就是最好的花吗？" 柏拉图回答老师： "我找了两小时，发觉这是最盛开最美丽的花，但我采下带回来的路上，它就逐渐枯萎下来" 这时，苏格拉底告诉他： "那就是外遇" .

又有一天又问老师苏格拉底什么是生活 苏格拉底还是叫他到树林走一次 可以来回走 在途中要取一支最好看的花 柏拉图有了以前的教训 又充满信心地出去 过了三天三夜，他也没有回来。 苏格拉底只好走进树林里去找他，最后发现柏拉图已在树林里安营扎寨。 苏格拉底问他："你找着最好看的花么？" 柏拉图指着边上的一朵花说："这就是最好看的花吗。" 苏格拉底问："为什么不把它带出去呢？" 柏拉图回答老师： "我如果把它摘下来，它马上就枯萎。即使我不摘它，它也迟早会枯。所以我就在它还盛开的时候，住在它边上。等它凋谢的时候，再找下一朵。这已经是我找着的第二朵最好看的花。" 这时，苏格拉底告诉他： "你已经懂得生活的真谛了"

css2.0手册及缩写语法

常用CSS缩写语法总结
使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。




CSS2.0手册
本手册针对的是已有一定网页设计制作经验的读者。目的是提供完整清晰的样式表内容的快速索引及进阶帮助。

CSS强制换行和不换行

CSS强制不换行
语法：
white-space : normal pre nowrap

参数：
normal : 默认处理方式
pre : 用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐。参阅pre对象
nowrap : 强制在同一行内显示所有文本，直到文本结束或者遭遇br对象。参阅td，div等对象的nowrap属性（特性）

说明：

设置或检索对象内空格的处理方式。
对应的脚本特性为whiteSpace。请参阅我编写的其他书目。


CSS强制换行

语法：
word-break : normal break-all keep-all

参数：
normal : 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行
break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本

说明：
设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。
对于中文，应该使用break-all 。
对应的脚本特性为wordBreak。请参阅我编写的其他书目。