另外单独定义莫个li时,前面的父级要写全 css 复制代码代码如下:.loginbox_ul li{float:left;height:30px;line-height:30px;width:100px;background:;} .loginbox_ul li a:link,.loginbox_ul li a:visited{color:#6666cc;} .loginbox_ul .last{border:none;font-size:24px;display:none;} html 复制代码代码如下:<ul class="loginbox_ul"> <li><a href="#">QQ账号</a></li> <li><a href="#">QQ账号</a></li> <li><a href="#">QQ账号...
在前端开发中,规范使用 DIV+CSS 命名,可以增强团队合作提高开发效率,有利于页面后期的维护和优化。(1) 页面结构命名作用wrap外套、包裹,用于最外层wrapper外套,用于页面外围控制整体布局宽度box盒子,容器header头部,用于页头部分nav导航,主导航main主要区域,内容主体content/container内容,内容容器sidebar侧边栏footer底部,用于页脚部分(2) 功能区块命名作用left center right左中右main-left左侧主要布局main-right右...
一、CSS书写顺序1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(animation, transition等)二、CSS书写规范 1.使用CSS缩写属性 CSS有些属性是可以缩写的,比如padding,margin,font等等,这样精简代码同时又能提高用户的阅读体验。2.去掉小数点前的“0”3.简写命名很多...
?1234567891011121314151617181920212223242526/* mozilla.org Base Styles * maintained by fantasai *//* Suggested order: * display * list-style * position * float * clear * width * height * margin * padding * border * background * color * font * text-decoration * text-align * vertical-align * white-space * other text * content * */... 来源:?1http://www.mozilla.org/css/base/content.css 在怿飞’s
Bl...
页面制作最重要的就是CSS,定义合理的CSS命名规范,可以大幅提高页面制作的效率和方便开发及相关人员修改编写。1.通用命名规则:1) 所有ID或者class字母和数字之间用“_”连接,如:
#col_1、#col_22) 所有ID或者class两个单词之间的链接采用骆驼式命名法,如:
mianNav、footNav3) 页面主体框架布局命名:Lay_1、Lay_2 、Lay_34) 栏目布局容器命名一律采用:
col_1、col_2、col_3、col_4、col_N5) ...
(一)常用的CSS命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚...
一直习惯了在命名CSS样式名时使用下划线“_”做为单词的分隔符,这也是在写JS时惯用的写法。用过CSS
hack的朋友应该知道,用下划线命名也是一种hack,如使用“_style”这样的命名,可以让IE外的大部分浏览器忽略这个样式的定义,所以使用“_”做为命名时的分隔符是不规范的。在做CSS检查时会出现错误提示,因此要避免使用下划线命名。为此得找一个能代替下划线而又合规范的符号,当然不是一定要用这种分隔符之类的,只是个人习惯问...
一直以来我的CSS 的 class命名都是比较随意,有时采用驼峰式、有时采用下划线,好像没有什么统一的标准,想到什么英文单词就拿过来用,这对于自己瞎写的小项目无伤大雅,遇到冲突的问题可稍加调整改变即可。今天,我学习并掌握了一种新的class命名规范,觉得它更加科学更加稳健。在此总结。关注分离class 的命名要遵循关注分离、松耦合的原则,同时注重易于理解下面的代码展示了一些简单的 class 命名规范 ```html ```css .news {}...
文件规范、注释规范、命名规范、书写规范、测试规范。一、文件规范1、文件均归档至约定的目录中。所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中:基本样式库 /css/core通用UI元素样式库 /css/libJS组件相关样式库 /css/ui业务类的CSS是指和具体产品相关的文件,放在如下目录中:读书 /css/book/电影 /css/movie/音乐 /css/music/社区 /css/sns/小站 /css/site/同城 /css/location/电台 /css/radio/外联CSS文...
搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前比较好的CSS+DIV的命名规则 1DIV CLASS或者ID 页头:header 登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMenu搜索:search滚动:scroll页面主体:main内容:content标签页:tab文章列表:list提示信息:msg小技巧:tips栏目标题:title友情链接:friendLink页脚:footer加入:joinus指南...
常用的CSS命名规则头:header内容:content/Container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体佈局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subnav菜单:menu子菜单:submenu搜索:search友情链接:friendlink页脚:footer版权:copyright滚动:scroll内容:content标签:tags文章列表:list提示信息:msg小技...
CSS命名规范一、页面结构容器: container页头:header内容:content/container页面主体:main页尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center二、导航导航:nav主导航:mainnav子导航:subnav顶导航:topnav边导航:sidebar左导航:leftsidebar右导航:rightsidebar菜单:menu子菜单:submenu标题: title摘要: summary三、功能标志:logo广告:banner登陆:login登录条...
内容:content/container 导航:nav 侧栏:sidebar 栏目:column 标志:logo 页面主体:main 广告:banner 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu搜索:search ...
布局类:header, footer, container, main, content, aside, page, section包裹类:wrap, inner区块类:region, block, box结构类:hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span列表类:list, item, field主次类:primary, secondary, sub, minor大小类:s, m, l, xl, large, small状态类:active, current, checked, hover, fail, success, warn, error, on, off导航类:nav, prev, next, breadcrumb, fo...
常用html、CSS、javascript前端命名规范 无意发现自己文件夹里面有这么一个文件,具体从哪里来的不记得了,仔细看下,发现总结的挺好的,贴出来分享一下。 无论是从技术角度还是开发视角,对于web前端开发规范文档都有一定规范,本文就css3和html5的发展前景总结了一系列的web开发文档,仅供大家参考。规范目的:
为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确...