推荐回答
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