html页面的CSS、DIV命名规则CSS命名规则 头：header 内容：content/containe 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：fri...
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书写规范 使用CSS缩写属性CSS有些属性是可以缩写的，比如padding,margin,font等等，这样精简代码同时又能提高用户的阅读体验。abbreviation查看大图去掉小数点前的“0”del-...
在css中，我们常见到选择器class，那么对于class的用法与规范，我们来做个总结：1.CSS Id 和 Class选择器的相关介绍id 和 class 选择器如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id" 和 "class"选择器。id 选择器id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。2.a.class 与 a .class的区别，注意空格 - CSS调试技巧使用图片精灵技术进行图片...
1. Javascript代码应符合Douban-JSLint检验标准 1-1. 语句必须都有分号结尾，除了for, function, if, switch, try, while 1-2. 只有长语句可以考虑断行，如： TEMPL_SONGLIST.replace('{TABLE}', da['results']) .replace('{PREV_NUM}', prev) .replace('{NEXT_NUM}', next) .replace('{CURRENT_NUM}', current) .replace('{TOTAL_NUM}', da.page_total); 为了避免和JSLint的检验机制冲突，“.”或“＋”这类操作符放在行尾，上面代...
许多CSS样式属性的名字中都有连字符，在JavaScript中，连字符被解释为减号。 因此，CSS2Properties对象的属性名和真正的CSS属性名有点不同。 如果一个CSS属性名含有一个或多个连字符，在JS中则需要删除了连字符，并且原来紧接在连字符后的字母改为大写。 要注意的是float是JS的关键字，所以在JS中float被写作cssFloat与或floatStyle。 下面是CSS自身属性与JavaScript中CSS编码对照表： 盒子标签和属性对照：CodeCSS语法 (不区分大小...
许多CSS样式属性的名字中都有连字符，在JavaScript中，连字符被解释为减号。 因此，CSS2Properties对象的属性名和真正的CSS属性名有点不同。 如果一个CSS属性名含有一个或多个连字符，在JS中则需要删除了连字符，并且原来紧接在连字符后的字母改为大写。 要注意的是float是JS的关键字，所以在JS中float被写作cssFloat与或floatStyle。 下面是CSS自身属性与JavaScript中CSS编码对照表： 盒子标签和属性对照：CodeCSS语法 (不区分大小...
添加必要的注释，对一个有责任心、有道德模范的前端必须具备的好习惯，可以大大提高代码的可维护性、可读性。首先大家需要熟悉一下html、css、js的注释的写法： html注释： <!--注释内容--> css注释： //注释内容 单行注释（不推荐使用，因为有的浏览器可能不兼容，没有效果） /*注释内容*/ 多行注释（推荐使用） JavaScript： //注释内容 单行注释 /*注释内容*/ 多行注释 总结： //注释内容 （在css或javascript中插入单行注释...
CSS样式规范 1.类选择器 2.标签选择器 3.id选择器 4.CSS样式的子选择器 类选择器 1.必背的固定结构，成为CSS样式标记。所有的样式都可以写成CSS样式的标记中 <style type="text/css"> </style> 2. type=“text/css” 意思是声明这个标记是css样式类型 type：类型的意思text：文本的意思css：叠层样式表 3.类选择器语法格式 .类名 （点加类名） 写的位置：在css样式的标记中调用方法在HTML标签内部写上 class=类名 4.命名规范 建议是...
黄金定律永远遵循同一套编码规范,不管有多少人共同参与同一项目,一定要确保每一行代码都像是同一个人编写的. 一、语法:1.用两个空格来代替制表符(tab);2.嵌套元素应当缩进一次(两个空格); 3.对于属性的定义,确保全部使用双引号,绝不要使用单引号; 4.不要在自闭合元素的尾部添加斜线--HTML5规范(https://dev.w3.org/html5/spec-author-view/syntax.html#syntax-start-tag)中明确说明这是可选的; 5.不要省略可选的结束标签;6....
现在我这边有两种思路。第一：就是把整个项目的css样式都写在同一个样式文件里。好处：只请求一次. 坏处：样式越多越乱，怕class命名冲突，之后难以维护第二：每个页面都单独一个样式文件，打开相应的页面加载相应的样式文件，因为是用angularjs开发，用的是路由加载。每个样式文件都放在模板里的。 好处：易维护，防止命名冲突，可读性好。坏处：请求太多不知道以上哪个方法比较好？请各位 说说。。或者你们有更好的方式请分享下。...
这次给大家带来html、css和js的注释规范用法有哪些，使用html、css和js的注释有哪些的注意事项有哪些，下面就是实战案例，一起来看一下。添加必要的注释，对一个有责任心、有道德模范的前端必须具备的好习惯，可以大大提高代码的可维护性、可读性。首先大家需要熟悉一下html、css、js的注释的写法：html注释：<!--注释内容-->css注释：//注释内容 单行注释（不推荐使用，因为有的浏览器可能不兼容，没有效果） /*注释内容*/ 多行注...
网页制作中规范使用DIV+CSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率，具体DIV CSS命名规则CSS命名大全内容篇。常用DIV+CSS命名大全集合，即CSS命名规则我们开发CSS+DIV网页（Xhtml）时候,比较困惑和纠结的事就是CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好的方法。一、命名规则说明1、所有的命名最好都小写2、属性的值一定要用双引号("")括起来，且一定要有值如 class="helloweb" , i...
无意发现自己文件夹里面有这么一个文件，具体从哪里来的不记得了，仔细看下，发现总结的挺好的，贴出来分享一下。无论是从技术角度还是开发视角，对于web前端开发规范文档都有一定规范，本文就css3和html5的发展前景总结了一系列的web开发文档，仅供大家参考。规范目的： 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台...
可能不同团队都有各自的规范，又或者很多人在写 CSS 的时候还是想到什么就写什么，不存在太多的约束。我觉得 CSS 代码规范还是有存在的必要的，尤其是在团队配合，多人协作下，规范就显得尤为重要。本文的所列是实践当中得出的一套比较不错的 CSS 书写规范，并不希望大家完全采用，而是可以结合自己的团队需要，发展出一套适合自己的 CSS 代码规范。也希望可以有更多的建议，共同的完善。本规范也可以在我的 Github 上看到，欢迎留...
一、面向对象CSS（OOCSSS）OOCSS规则一：结构和皮肤分离如.btn ， .btn-info ，.btn-warning.btn {display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;bo...