css编码规范

一、基本约定　　

1. 所有的CSS的尽量采用外部调用,确定只有本页面调用的css除外。　

2. 文件头部加上文件信息，必须包括文件描述、作者、修改人(更新人+时间)

3. 编码格式：使用UTF-8

4. 字号用像素px来定义

5. 排版中首行缩进用css来处理，不要使用全角空格来达到效果

6. 为了最大程度的发挥浏览器自动排版的功能，在一段完整的文字中请尽量不要使用<br>来人工干预分段。

7. 所有的字号都应该用样式表来实现。

8. 行距用百分比来定义，常用的两个行距的值是line-height:120%/150%.

9. 网站中的路径全部采用相对路径。

10. 控件名称统一匈牙利命名规则。

11. 采用通俗易懂的英文单词并按内容/功能命名，除布局、唯一独立模块外建议少用id，必须保证id唯一性

12. 禁止滥用！important（使用前必须讨论确认不会造成其他BUG或者维护问题）

13. 每个样式属性后（必须）加";"

二、CSS命名参考

1. 一律采用小写中划线方式命名，如 xxx-yyy，禁止出现大写字母

2. 尽可能提高代码模块的复用，复用模块、独立模块可按xxx-mod命名（-mod可不写），mod下面再取xxx-hd（头部）、xxx-bd（内容）、xxx-ft（底部）命名

三、CSS样式书写顺序

1、显示属性

* display * list-style * position * float * clear

2、自身属性

* width * height * margin * padding * border * background

3、文本属性

* color * font * text-decoration * text-align

* vertical-align * white-space * other text * content

4、其它属性

这里尤其要注意的是a:linka:visited a:hover a:actived 的排列顺序一定要严格照上面的样例代码，否则或多或少会出问题。另外我们规定重定义的最先，伪类其次，自定义最后，便于自己和他人阅读。

年前整理的Css规范相关推荐

【转载】前端CSS规范整理
一.文件规范 1.文件均归档至约定的目录中. 具体要求通过豆瓣的CSS规范进行讲解: 所有的CSS分为两大类:通用类和业务类.通用的CSS文件,放在如下目录中: 基本样式库 /css/core 通用U ...
java编码ppt_[2018年最新整理]Java编码规范.ppt
[2018年最新整理]Java编码规范制定编码规范的最主要的目的是为了对产出代码的长期维护.通常负责维护代码的人大多都不是开发者本人,如果有一个统一的代码格式以及说明就可以减少混淆提高理解速度. ...
Atitit.css 规范 bem 项目中 CSS 的组织和管理
Atitit.css 规范 bem 项目中 CSS 的组织和管理 1. 什么是BEM?1 1.1. 块(Block)2 1.2. 元素(Element)2 1.3. BEM树(和DOM树类似).3 ...
HTML、CSS规范
作为一名前端开发者,至少要对HTML.CSS规范有个了解,然后尝试在项目是使用,以便别人阅读你代码的时候,也相对轻松点. HTML.CSS规范,参见:编码规范 by @mdo JavaScript 参 ...
[css] 说说你对BEM规范的理解，同时举例说明常见的CSS规范有哪些？
[css] 说说你对BEM规范的理解,同时举例说明常见的CSS规范有哪些? BEM是比较好的CSS规范,应该也是得到大家认可最多的CSS规范 OAMC是WeUI根据BEM改造来的 object-are ...
[css] 说出至少十条你理解的css规范
[css] 说出至少十条你理解的css规范命名规范(连字符-分隔的字符串)文件宽度限制(每行80个字符)加注释编写选择器应有助于重用尽量不要加 !important避免使用CSS表达式选择<l ...
Scoped CSS规范草案
写在前面问:什么是Scoped CSS规范? Scoped CSS规范是Web组件产生不污染其他组件,也不被其他组件污染的CSS规范. 面对组件化的普及,组件的复用很普遍的需求,然而CSS相互污染是 ...
Web前端框架（JavaScript，CSS）、html组件、CSS规范与第三方库
1.什么是前端框架前端框架一般指用于简化网页设计的框架,使用广泛的前端开发套件,比如,jquery,extjs,bootstrap等等,这些框架封装了一些功能,比如html文档操作,漂亮的各种控件( ...
2400字整理Python编码规范，肝了一晚上~
2400字整理Python编码规范,肝了一晚上~ 对任何一门语言来说,学习编码规范都是第一要务,它制定了"游戏规则",约束了我们的行动,我们只有在这个规则内编码才能被正确执行.想要 ...

年前整理的Css规范

css编码规范

一、基本约定

二、CSS命名参考

三、CSS样式书写顺序

年前整理的Css规范相关推荐

最新文章

热门文章

年前整理的Css规范

css编码规范

一、 基本约定

二、CSS命名参考

三、CSS样式书写顺序

年前整理的Css规范相关推荐

最新文章

热门文章

一、基本约定　　