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--------------------摘要

download--------------------下载

btn----------------------------按钮

vote---------------------------投票

要的、重要的、特殊的、最外层的盒子用“id”选择器，其它都用类选择器，同时考虑命名的CSS选择器在HTML中重复使用调用。

最后编辑于：2017.12.05 05:12:24

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。