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中重复使用调用。

推荐阅读更多精彩内容