怎么给div+css样式表命名的规则

如题所述

要是就几行或几十行代码吧!就根据英文单词就行了。可是要是多了那就不好写了,有时候就直接用汉语拼音或拼音的首字母代替。可是多了吧,自己写的都看不出是什么意思,别说再让程序员调用这些样式了。div+css样式表的id和class的区别:就一句来概括, class可以定义多个值并且可以应用到多个标签上,但id只能是一个。所以就开始查一些相关的div+css样式表id和class的常用命名规则,请大家参考一下:首先讲一下div+css样式表的id的常用命名规则如下表所示:页头header登录条loginBar标志logo侧栏sideBar广告Banner导航nav子导航subNav菜单menu子菜单subMenu搜索search滚动scroll页面主体main内容content标签页tab文章列表list提示信息msg小技巧tips栏目标题title加入joinus指南guild服务service热点hot新闻news下载download注册regsiter状态status按钮btn投票vote合作伙伴partner友情链接friendLink页脚footer版权copyRight实际上上面的div+css样式表的id命名也会经常用大小写和_来区分,比如主导航就是MainNav,如果还有必要在区分就是MainNav_1,MainNav_2等等。也可以使用"类型+变量名称"的规则来命名,比如写一个红色字体的class,可以.f_red {}(f是font 字体的缩写)。总之原则是:大小写、_、缩写,大大增强代码的可读性。 再讲一下div+css样式表的class的常用命名规则如下表所示: 外套wrap主导航mainNav子导航subnav页脚footer整个页面content页眉header商标label标题title主导航mainNav边导航sidebar左导航leftsideBar右导航rightsideBar旗志logo标语banner菜单内容menu1Content菜单容量menuContainer子菜单submenu边导航图标sidebarIcon注释note面包屑breadCrumb容器container内容content搜索search登陆login功能区shop当前的current 当然像div+css样式表的id和class的命名远远不止这些,可能还会有更多的命名,你可以用一些通俗的易懂.容易理解的一些来命名,如果您有更好的div+css样式表的id和class的命名规则的话,请留言,多多指教.
温馨提示:内容为网友见解,仅供参考
无其他回答

怎么给div+css样式表命名的规则
DIV+CSS样式表命名不能随意而为,否则以后进行维护时困难很大。如同软件开发中对类名的仔细处理一样,DIV+CSS样式表命名也需要遵循规则。DIV+CSS样式表的id的常用命名规则如下表所示:页头 header 登录条 loginBar 标志 logo 侧栏 sideBar 广告 Banner 导航 nav 子导航 ...

怎么给div+css样式表命名的规则
比如主导航就是MainNav,如果还有必要在区分就是MainNav_1,MainNav_2等等。也可以使用"类型+变量名称"的规则来命名,比如写一个红色字体的class,可以.f_red {}(f是font 字体的缩写)。总之原则是:大小写、_、缩写,大大增强代码的可读性。 再讲一下div+css样式表的class的常用命名规则如下表所示:...

divcss布局设计?
如何用DIV+CSS进行网页样式布局一、选择“div标签”命令 打开dreamweaver,新建网页并保存为“die.html”,选择【插入】【布局对基简象】【div标签】命令,打开“div标签”对话框。二、输入div标签名称 1、在“ID”列表框中选择“top”2、单击“新建css规则”按钮准备进行css规则定义 三、新建css规则 在...

htmldiv+css命名规范大全?
下表为常见CSS命名与DIV命名方法的集合,供开发者参考:CSS样式命名与命名参考表 例如:`#wrapper`用于最外层控制整体布局宽度,`#container`或`#content`用于容器,`#nav`用于主导航,`#menu`用于菜单,`#sidebar`用于侧栏等。CSS文件命名说明 常用的CSS文件命名包括:`master.css`、`style.css`、`m...

div+CSS的命名规则?
css样式的类名或者相关的ID名也是需要一定的规则,这样有利于前台和后台的交互。1、一般公司开发都是给技术员一本网站前端开发规范,里面详细的说明了各个命名的规则等相关的问题。2、常见的人们约定的命名习惯为:头:header 内容:content\/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面...

说错了,是HTML的命名规则是什么
一、命名规则说明:1)、所有的命名最好都小写 2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5"3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整 4)、空元素要有结束的tag或于开始的tag后加上"\/"5)、表现与结构完全分离,代码中不...

div+css main主体里应该怎样命名
><\/div>,代表搜索框区域。这样你以后维护修改起来也会直观的知道哪个层是做什么的。最遭糕的方法就是很多人使用诸如main1、main2、main3……这样数字顺序命名的办法,这样会让你无法迅速的知道哪个层是做什么的。像我说的根据主旨用途,如左边left、右边right、留言板bbs……这样来命名是最好的。

CSS样式表命名
search - 登陆:login - 功能区:shop(如购物车,收银台)- 当前的:current 当然,div+css样式表的id和class的命名并不局限于上述规则,可以根据具体情况进行调整。使用通俗易懂、容易理解的命名方式更为重要。如果您有更优秀的div+css样式表的id和class命名规则,欢迎在评论区留言,共同探讨。

网页设计div和class,网页的每个部位都是怎么命名的
常用CSS命名参考资料 在XHTML中定义ID时都用得上,主要是方便CSS定义样式时能一眼看穿。所以,CSS命名仅作参考。(1)页面结构类 容器: container 页头:header 内容:content\/container 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper (2)导航类 导...

divcss网页布局实例代码(网页设计divcss布局)
1、新建一个html文件,命名为test.html,用于讲解div+css布局的基本流程。2、在test.html文件内,对body进行样式初始化,设置外边距margin为0,内边距padding为0,同时使用text-align设置文字居中。3、在test.html文件内,为了讲解方便,设置所有的div高度为200px,内容的颜色为红色。4、在test.html文件...

相似回答