CSS样式怎样命名才规范,css命名规则大全

梅锡潮 2019-12-21 20:49:00

推荐回答

DIV+CSS样式表命名不能随意而为,否则以后进行维护时困难很大。如同软件开发中对类名的仔细处理一样,DIV+CSS样式表命名也需要遵循规则。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版权copyRightDIV+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。
黄皖生2019-12-21 21:03:07

提示您:回答为网友贡献,仅供参考。

其他回答

  • 1.基本命名头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:leftrightcenter登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subnav菜单:menu子菜单:submenu搜索:search友情链接:friendlink页脚:footer版权:copyright滚动:scroll内容:content标签页:tab文章列表:list提示信息:msg小技巧:tips栏目标题:title加入:joinus指南:guild服务:service注册:regsiter状态态:status投票:vote合作伙伴:partner注释的写法/*Footer*/内容区/*EndFooter*/id的命名容器:container页头:header内容:content/container页面主体:main页尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:leftrightcenterid的命名页面结构容器:container页头:header内容:content/container页面主体:main页尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:leftrightcenter导航导航:nav主导航:mainbav子导航:subnav顶导航:topnav边导航:sidebar左导航:leftsidebar右导航:rightsidebar菜单:menu子菜单:submenu标题:title摘要:summary功能标志:logo广告:banner登陆:login登录条:loginbar注册:regsiter搜索:search功能区:shop标题:title加入:joinus状态:status按钮:btn滚动:scroll标签页:tab文章列表:list提示信息:msg当前的:current小技巧:tips图标:icon注释:note指南:guild服务:service热点:hot新闻:news下载:download投票:vote合作伙伴:partner友情链接:link版权:copyright2.class的命名1颜色:使用颜色的名称或者16进制代码,如.red{color:red;}.f60{color:#f60;}.ff8600{color:#ff8600;}2字体大小,直接使用"font+字体大小"作为名称,如.font12px{font-size:12px;}.font9pt{font-size:9pt;}3对齐样式,使用对齐目标的英文名称,如.left{float:left;}.bottom{float:bottom;}4标题栏样式,使用"类别+功能"的方式命名,如.barnews{}.barproduct{}3.注意事项1.一律小写;2.尽量用英文;3.不加中杠和下划线;4.尽量不缩写,除非一看就明白的单词.主要的master.css模块module.css基本共用base.css布局,版面layout.css主题themes.css专栏columns.css文字font.css表单forms.css补丁mend.css打印print.css。
    齐晓梅2019-12-21 23:56:41
  • 页头:header如:#header{属性:属性值;}或.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版权:copyRight1.CSS的ID的命名外 套:wrap主导航:mainNav子导航:subnav页 脚:footer整个页面: content页 眉:header页 脚:footer商 标:label标 题:title主导航:mainNavglobalNav顶导航:topnav边导航:sidebar左导航:leftsideBar右导航:rightsideBar旗 志:logo标 语:banner菜单内容1:menu1Content菜单容量: menuContainer子菜单:submenu边导航图标:sidebarIcon注释: note面包屑:breadCrumb即页面所处位置导航提示容器: container内容: content搜索: search登陆: login功能区:shop如购物车,收银台当前的 current2.CSS样式文件命名如下主要的master.css布局,版面layout.css专栏columns.css文字font.css打印样式print.css主题themes.css。
    黄盛科2019-12-21 21:21:15
  • !importantfirefoxIE7支持;\0IE8支持*IE6IE7支持_IE6支持所以写兼容“IE7”时后面要有“_”让“IE6”读出。来覆盖“IE6”读出的“*”的值;举个例子:#hack{color:#0000FF\9;IE6IE7IE8支持;color:#0000FF\0;IE8支持;*color:#FFFF00;IE6IE7支持;_color:#FF0000;IE6支持;“这样写必须有顺序”}color:#f00!important;IE7FireFox支持;*color:#f00!important;仅仅只有IE7支持;_color:#f00\9;仅仅只有IE6支持;color:#f00\0;仅仅只有IE8支持;你按照这样写hack就没问题了,至于你说的代码规范,一般注意css的命名,类和id的使用,还有组合标签,尽量减少冗余代码。
    齐晓晴2019-12-21 21:07:55
  • 这个链接就是CSS命名规则大全http://www.divcss5.com/jiqiao/j4.shtml。
    赵颖超2019-12-21 20:58:34

相关问答

DIVCSS网站布局的八个小技巧:1.若有疑问立即检测。在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用。请注重,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测,这样也许会让错误数量爆减。2.使用浮动功能时记得适当清除指令。浮动是个危险的功能,未必会产生所期望的结果。假如碰到浮动元素延伸到外围容器的边框或者其他不正常情况,先确定的做法是正确的。3.边界重合时利用padding或border来避免。可能会为了一点不应该出现的空间而焦头烂额,或者需要一点点空间时,怎样都挤不出来。假如有用到margin,那么很轻易产生边界的重合。4.DIVCSS网站布局时尝试避免同时对元素指定padding/border以及高度或宽度。Windows版IE经常导致width与height的计算问题。有些方法可以解决此问题,但假如母元素需要指定高度与宽度时,最好能够在母元素之内的子元素套用margin,或者当子元素需要指定高度与宽度时,在母元素套用padding以达效果。5.DIVCSS网站布局时不要依靠min-width/min-height。Windows版IE并不支援两种语法。但是在某种程度下,windows版IE可以达到相当于min-width/min-height的效果,所以只要对IE做点过滤功能,即可达到想要的结果。6.若有疑问,先减少百分比。有时候某些错误会使50%50%成为100.1%,使网页出现问题。这时请尝试将这些值改为49%,甚至49.9%。7.记住“TRBL”写法。DIVCSS网站布局中border,margin与padding的简写语法有特定顺序,从上方开始顺时针方向转动:top,right,bottom,left.所以margin:01px3px5px;的结果是上方无边界,右边1像素,以此类推。记住“TRBL”,就不会弄错次序了。8.只要不是零的值,都要指定单位。CSS需要对每个font,margin等各种值指定单位。