1) 文件编码统一使用 UTF-8 编码;
2) 命名时以符合语义为主要参考指标, CSS 属性书写规范, 采用统一风格及命名方法;
3) 结构清晰, 层级关系明朗, 以不超过三级为标准;
4) 同一表现形式的样式要求可重复利用, 模块组件类的样式要求可整体外部移植;
5) 编写 CSS 的时候, 应当避免使用 CSS Hack, 能不用则不用.
6) 所有页面默认都针对 Firefox 等最接近标准的浏览器进行设计, 然后使用 IE 特有条件注释功能进行针对性修正.
7) 请使用英文进行命名, 尽量避免使用拼音. 命名要求具有可读性, 尽量避免使用缩写. 命名虽然允许数字, 但应尽量避免使用数字命名.
2, 命名方法 要求采用统一的命名方法. 常用命名方法有:
1) 连写式命名法, 如: helloworld
2) 中线命名法, 如: hello-world(目前采用此方法的较多, 建议采用)
3) 下划线命名法, 如: hello_world
4) 骆驼命名法, 如: helloWorld
5) 帕斯卡命名法, 如: HelloWorld
6) 其他方法.
3, 样式文件命名规范 如:
全局的: global.CSS;
主要的: master.CSS;
布局, 版面: layout.CSS;
专栏: columns.CSS;
文字: font.CSS;
打印样式: print.CSS;
主题: themes.CSS;
补丁: pacth.CSS;
格式化浏览器: base.CSS 等.
4,ID 及 Class 命名常用名称
页头: header
登录条: login-bar
标志: logo
侧栏: side-bar
广告: banner
导航: nav
子导航: sub-nav
菜单: menu
子菜单: sub-menu
搜索: search
滚动: scroll
页面主体: main
内容: content
标签页: tab
文章列表: list
提示信息: msg
小技巧: tips
栏目标题: title
加入: joinus
指南: guild
服务: service
热点: hot
新闻: news
下载: download
注册: regsiter
状态: status
按钮: btn
投票: vote
合作伙伴: partner
友情链接: friendlink
版权: copyright
外套: wrap
页脚: footer
标题: title
顶导航: top-nav(mini-nav)
来源: http://www.bubuko.com/infodetail-3343963.html