div+css命名规则和技巧

对于新手来说,命名是一件很头疼的事情,各种div的镶嵌,命名的不好吧,可能要找半天才找到。
这是我从网上收集到的一些命名的技巧和规则。
命名的规则

1、所有的命名最好都小写,尽量不要大写和小写掺和着用。
2、尽量使用英文命名原则。
3、给每一个表格和表单加上一个唯一的、结构标记id。
4、尽量不缩写,除非一看就明白的单词。

常见的命名单词
菜单menu——————-用于菜单
外套 wrap ——————用于最外层
头部 header ,head——用于头部
主要内容 main ————用于主体内容(中部)
侧栏 sideBar—————用于侧边栏
左侧 main-left ————-左侧布局
右侧 main-right ———–右侧布局
导航条 nav —————–网页菜单导航条
内容 content —————用于网页中部主体
底部 footer ,foot———用于底部
标志logo ——————–网站标志logo
下拉drop,dropmenu—–下拉菜单
news ————————新闻
summary——————–摘要
copyright——————–版权信息
download——————–下载
btn—————————-按钮
vote—————————投票
重要的特殊的最外层的盒子用“id”选择器,其它都用类选择器,同时考虑命名的CSS选择器在HTML中重复使用调用

你可能感兴趣的:(div+css命名规则和技巧)