Html CSS一-些常用命名

1. 尽量不缩写，除非一看就明白的单词.  
2. 主要的 master.css      模块 module.css        主题 themes.css       专栏 columns.css     基本共用 base.css         
3. 文字 font.css              表单 forms.css          补丁 mend.css          打印 print.css          布局，版面 layout.css    
4.   
5. (1)页面结构  
6. 容器: container   页头：header        导航：nav      
7. 页面外围控制整体布局宽度：wrapper            
8. 内容：content/container              
9. 页面主体：main                                       
10. 侧栏：sidebar             栏目：column  
11. 页尾：footer        
12.   
13. (2)导航  
14. 导航：nav  
15. 主导航：mainbav  
16. 子导航：subnav  
17. 顶导航：topnav  
18. 边导航：sidebar  
19. 左导航：leftsidebar  
20. 右导航：rightsidebar  
21. 菜单：menu           
22. 子菜单：submenu           
23. 标题: title         
24. 摘要: summary  
25.   
26. (3)功能  
27. 标志：logo   
28. 广告：banner     
29. 登陆：login      
30. 注册：regsiter       
31. 搜索：search      
32. 功能区：shop       
33. 登录条：loginbar  
34. 标题：title      
35. 加入：joinus     
36. 状态：status     
37. 按钮：btn        
38. 滚动：scroll      
39. 标签页：tab       
40. 当前的: current  
41. 新闻：news   
42. 图标: icon      
43. 注释：note   
44. 指南：guild          
45. 服务：service     
46. 热点：hot        
47. 下载：download  
48. 投票：vote   
49. 尾：footer      
50. 版权：copyright  
51. 合作伙伴：partner       
52. 友情链接：link     
53. 文章列表：list     
54. 提示信息：msg      
55. 小技巧：tips      
56.   
57.   
58. (1)颜色:使用颜色的名称或者16进制代码,如  
59. .red { color: red; }  
60. .f60 { color: #f60; }  
61. .ff8600 { color: #ff8600; }  
62. (2) 字体大小,直接使用"font+字体大小"作为名称,如  
63. .font12px { font-size: 12px; }  
64. .font9pt {font-size: 9pt; }  
65. (3)对齐样式,使用对齐目标的英文名称,如  
66. .left { float:left; }  
67. (4)标题栏样式,使用"类别+功能"的方式命名,如  
68. .barnews { }  
69. .barproduct { }　              
70.   
71.   
72. 网站公用相关   
73. Container div #container 容器   
74. Header or banner div #header 页头部分   
75. Main or global navigation div #main-nav 主导航   
76. Menu #menu 菜单   
77. Sub Menu #submenu 子菜单   
78. Left or right side columns #sidebar-a, #sidebar-b 左边栏或右边栏   
79. Main div #main 页面主体   
80. Content div #content 内容部分   
81. The main content area #content-main 主要内容区域   
82. Footer div #footer 页脚部分   
83. Tag #tag 标签   
84. Message #msg #message 提示信息   
85. Tips #tips 小技巧   
86. Vote #vote 投票   
87. Friend Link #friendlink 友情连接   
88. Title #title 标题   
89. Summary #summary 摘要   
90. Sub-navigation list #sub-nav 二级导航   
91. Search input #search-input 搜索输入框   
92. Search output #search-output 搜索输出和搜索结果相似   
93. Search #search 搜索   
94. Search results #search-results 搜索结果   
95. Copyright information #copyright 版权信息   
96. brand #branding 商标   
97. branding-logo #branding-logo LOGO   
98. Site information #siteinfo 网站信息   
99. Copyright information etc. #siteinfo-legal 法律声明   
100. Designer or other credits #siteinfo-credits 信誉   
101. Join us #joinus 加入我们   
102. Partnership opportunities #partner 合作伙伴   
103. Services #service 服务   
104. Regsiter #regsiter 注册   
105. Status #status 状态   
106. 电子贸易相关   
107. Products .products 产品   
108. Products prices .products-prices 产品价格   
109. Products description .products-description 产品描述   
110. Products review .products-review 产品评论   
111. Editor's review .editor-review 编辑评论   
112. New release .news-release 最新产品   
113. Publisher .publisher 生产商   
114. Screen shot .screenshot 缩略图   
115. FAQ .faqs 常见问题   
116. Keyword .keyword 关键词   
117. Blog .blog 博客   
118. Forum .forum 论坛