码迷,mamicode.com
首页 > Web开发 > 详细

网站CSS规范探索

时间:2015-01-22 20:00:43      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:

通过规范CSS样式的写法,可以减少重复代码的书写, 让样式调理更加明确.相关规范可以先阅读网易的NEC http://nec.netease.com/
本文是在阅读这些规范后总结的.

假如网站只有一个CSS文件,那么该CSS文件包含以下几大块
1. 通用设置(基于标签), 主要是清除浏览器的默认标签样式, 不同浏览器对同一种标签设置的默认样式是差异的. 清除这些默认样式有助于建立统一的样式.
2. 通用功能(基于类选择器), 一些相对独立小功能, 比如清除浮动 文字大小  颜色等
3. 本站通用样式(基于标签), 比如字体颜色 字体类型 大小等.这里是为部分标签添加统一的样式, 上面是清除, 这里是添加.
4. 本站所需的布局样式(参考网易的命名规范) g-typename
5. 本站通用模块样式(参考网易的命名规范) m-name
6. 不同页面同一类布局的调整 gridName-pageName
7. 不同页面同一类模块的调整 moduleName-pageName

当出现嵌套布局和模块时, 嵌套的模块要使用新的命名, 来防止污染. 通过加 "-s" 后缀, 如果嵌套2层以上, 可以对应添加相应数量的s.

网站CSS规范探索

标签:

原文地址:http://www.cnblogs.com/answercard/p/4242237.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!