首页 > html5+css > css基础知识 > 常用的CSS命名规则
2016
12-16

常用的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

Id的命名:

1)页面结构

容器: container  页头:header  内容:content/container

页面主体:main  页尾:footer  导航:nav

侧栏:sidebar  栏目:column

页面外围控制整体佈局宽度:wrapper

左右中:left right center

(2)导航

导航:nav  主导航:mainnav  子导航:subnav

顶导航:topnav  边导航: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  CSS样式表文件命名  主要的 master.css

模块 module.css  基本共用 base.css  布局、版面 layout.css

主题 themes.css  专栏 columns.css  文字 font.css

表单 forms.css  补丁 mend.css  打印 print.css

最后编辑:
作者:qingheluo
这个作者貌似有点懒,什么都没有留下。