值得收藏的CSS命名规范(规则)常用的CSS命名规则

CSS命名规范(规则)常用的CSS命名规则

 头header
 内容content/container
 尾footer
 导航nav
 侧栏sidebar
 栏目column
 页面外围控制整体佈局宽度wrapper
 左右中left right center
 登录条loginbar
 标志logo
 广告banner
 页面主体main
 热点hot
 新闻news
 下载download
 子导航subnav
 菜单menu
 子菜单submenu
 搜索search
 友情链接friendlink
 页脚footer
 版权copyright
 滚动scroll
 内容content
 标签tags
 文章列表list
 提示信息msg
 小技巧tips
 栏目标题title
 加入joinus
 指南guide
 服务service
 注册regsiter
 状态status
 投票vote
 合作伙伴partner

 注释的写法:
 / Header /
 内容区
 / End Header /

 Id的命名:

 1)页面结构

 容器: container
 页头header
 内容content/container
 页面主体main
 页尾footer
 导航nav
 侧栏sidebar
 栏目column
 页面外围控制整体佈局宽度wrapper
 左右中left right center

 (2)导航

 导航nav
 主导航mainnav
 子导航subnav
 顶导航nav
 边导航sidebar
 左导航leftsidebar
 右导航rightsidebar
 菜单menu
 子菜单submenu
 标题: title
 摘要: summary

 (3)功能

 标志logo
 广告banner
 登陆login
 登录条loginbar
 注册register
 搜索search
 功能区shop
 标题title
 加入joinus
 状态status
 按钮btn
 滚动scroll
 标籤页tab
 文章列表list
 提示信息msg
 当前的: current
 小技巧tips
 图标: icon
 注释note
 指南guild
 服务service
 热点hot
 新闻news
 下载download
 投票vote
 合作伙伴partner
 友情链接link
 版权copyright

 注意事项::

 1.一律小写;
 2.尽量用英文;
 3.不加中横和下划线;
 4.尽量不缩写，除非一看就明白的单词。

 CSS样式表文件命名

 主要的 master.css
 模块 module.css
 基本共用 base.css
 布局、版面 layout.css
 主题 themes.css
 专栏 columns.css
 文字 font.css
 表单 forms.css
 补丁 mend.css
 打印 print.css

以上所述是长沙网络推广给大家介绍的CSS命名规范(规则)常用的CSS命名规则 ，希望对大家有所帮助，如果大家有任何疑问请给我留言，长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持！