html怎么给div命名,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中重复使用调用。

html怎么给div命名,div+css命名规则和技巧相关推荐

『前端规范化』CSS命名规范化
CSS命名规范化 CSS命名规范化,有利于代码阅读和维护,在大型项目及团队协作开发中有着重要的意义.这里我推荐采用BEM命名规范+适当的语义理解简写.因为BEM命名常常会因为太长而被人诟病,所以适当加 ...
网页制作中规范使用DIV+CSS命名规则（转）
网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则内容如下: 页头:header 如:#header{属性:属性值;}或.h ...
div+css命名规范大全
网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率, 我们开发DIV+CSS网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么 ...
html语言中div怎么起名,css如何命名？
我们开发CSS+DIV网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法. 一.网页制作中规范使用DIV+CSS命名规则,可以改善优化功 ...
DIV+CSS 之网页切图过程中div+css命名规则
网页切图过程中div+css命名规则内容:content/container 导航:nav 侧栏:sidebar 栏目:column 标志:logo 页面主体:main 广告:banner 热点:h ...
[转]HTML DIV+CSS 命名规范大全
原文链接常用DIV+CSS命名大全集合,即CSS命名规则我们开发CSS+DIV网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法. ...
html语言中div怎么起名,div css 命名规则技巧
熟手在行斥地HTML时,CSS定名即是省事的事,由于不有开荒过没有累积有思空见贯CSS定名,如下为各人收拾整顿CSS定名划定: 1.css命名大全(进入或者体会--CSS定名大全) 2.不克不及以数字 ...
DIV+CSS 命名规范
常用的CSS命名规则: 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper ...
html语言书写注意事项,CSS命名规范参考及书写注意事项
CSS书写顺序 *{ /*显示属性*/ display position float clear cursor - /*盒模型*/ margin padding width height /*排版*/ ...

html怎么给div命名,div+css命名规则和技巧

html怎么给div命名,div+css命名规则和技巧相关推荐

最新文章

热门文章