CSS命名规范

262 阅读1分钟

一:文件命名规范

  1. reset.css 重置样式,一般用来重置浏览器的元素默认样式

  2. global.css 全局样式,全站公用,定义页面基础样式

  3. theme.css 主题样式,用户实现换肤功能

  4. module.css 模块样式,用于模块的样式

  5. master.css 母版样式,用于母版页的样式

  6. column.css 专栏样式,用于专栏的样式

  7. forms.css 表单样式,用于表单的样式

  8. mend.css 补丁样式,用于维护、修改的样式

  9. print.css 打印样式,用于打印的样式 


二:id和class命名

1: 网页主体部分命名

网页部分命名
最外层wrapper (一般用于包裹整个页面)
头部header
内容content
侧栏sidebar
栏目column
热点hot
新闻news
下载download
标志logo
导航条nav
主体main
左侧main_left
右侧main_right
底部footer
友情链接friendlink
加入我们joinus
版权copyright
服务service
登录login
注册register

2: 网页细节部分命名

(1) 导航

网页部分命名
主导航main_nav
子带航sub_nav
边导航side_nav
左导航left_nav
右导航right_nav
顶部导航top_nav

(2)菜单

网页部分命名
菜单menu
子菜单sub_menu

(3) 其他

网页部分命名
标题title
摘要summary
登录条loginbar
搜索search
标签页tab
广告banner
小技巧tips
图标icon
法律声明siteinfolegal
网站地图sitemap
工具条tool、toolbar
首页home、homepage
子页subpage
合作伙伴parter
帮助help
指南guide
滚动scroll
提示信息msg
投票vote
相关文章related
文章列表list