前端的工作很细，涉及的东西也很多，静态页面和js开发，调接口之类，有时还要自己设计。现在css管理使用less和sass，新东西起码要支持下，具体用与不用看公司的业务需求。前端人员之间的配合也很重要要有统一的文档，命名和一些规范。现在介绍一下网易的NEC，我觉得很不错。起码在命名和一些规范，动画效果上可以快速开发，代码写的快是王道我喜欢这句话。原文：http://www.cnblogs.com/heboliufengjie/p/4149600.html
(壹)常用的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标签页:tab文章列表:list提示信息:msg小技巧:tips栏目标题:title...
CSS选择器命名及常用命名CSS选择器命名及常用命名规范的命名也是Web标准中的重要一项，标准的命名可以使代码更加易读，而且利于搜索引擎搜索，比如定义了两个div，一个 id 命名为“div1”，另外一个命名为“News”，肯定第二个比较易读，而且搜索引擎抓取率要高，在团队合作中还可以大大提高工作效率。为了达到这种效果我们就要规范化命名（语义化命名）！ 说个题外话，规范化命名的代码，会显着你更加专业！ 关于CSS命名法，和...
我们开发CSS+DIV网页（Xhtml）时候,比较困惑和纠结的事就是CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好的方法。 命名规则说明： 1）、所有的命名最好都小写 2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5" 3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整 4）、空元素要有结束的tag或于开始的tag后加上"/" 5）、表现与结构完全分离，...
头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer ...
一般写css中常用的标识符命名是英文单词组合。某天碰到有人问到可以使用._1这样子的命名吗？然后傻眼了，没有想过是否有这种命名方式In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [a-zA-Z0-9] and ISO 10646 characters U+00A0 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit, two hyphens, or a hyphen followed b...
另外单独定义莫个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文...