(36) css企业代码书写规范

css书写规范

1：元素尽量使用class选择器匹配，对于特殊功能可以考虑使用 ID选择器。

2：明确各选择器的优先级，作用范围。

3：CSS写完之后必须使用“;”号结尾，虽然浏览器支持不用分号结尾，但是不建议这么做。

4：除非编写HTML5页面，否则不允许使用CSS3伪类，如：

:nth-child(1)等伪类，禁止使用。

5：编写CSS样式时，不允许换行，样式必须一行写完，自动换行除外。

6：对于子元素样式采用链选择器进行选择，如：

:btn-save div

7：元素选择器只能在定义全局CSS和子元素匹配时使用（尽量少用），其他地方禁止使用。

8：请记住IE浏览器的hack方式，如下：

IE6 = _width:100px;

IE7 = *width:100px;

IE8 = width:100px\9;

IE8/9 = width:100px\0;

IE9 = width:100px\9\0;

9：: 编码统一为utf-8;

10： css属性书写顺序, 建议遵循: 布局定位属性-->自身属性-->文本属性-->其他属性: 此条可根据自身习惯书写, 但尽量保证同类属性写在一起:

11：书写代码前, 考虑并提高样式重复使用率;

12：充分利用html自身属性及样式继承原理减少代码量, 比如:

Example Source Code [www:52css:com]

<ul class="list"><li>这儿是标题列表<span>2010-09- 15</span></ul>

定义

ul:list li{position:relative} ul:list li span{position:absolute; right:0}

即可实现日期居右显示

13：样式表中中文字体名, 请务必转码成unicode码, 以避免编码错误时乱码;

14：使用table标签时(尽量避免使用table标签), 请不要用width/ height/cellspacing/cellpadding等table属性直接定义表现, 应尽可能的利用table自身私有属性分离结构与表现 , 如

Example Source Code [www:52css:com]

thead,tr,th,td,tbody,tfoot,colgroup,scope;

(cellspaing及cellpadding的css控制方法:

table{border:0;margin:0;border-collapse:collapse;} table th, table td{padding:0;} ,

base:css文件中我会初始化表格样式)

15：杜绝使用<meta http-equiv="X-UA-Compatible" content="IE=7" /> 兼容 ie8;

Example Source Code [www:52css:com]

_background:none;_filter:progid:DXImageTransform:Microsoft:AlphaImageLoader

(sizingMethod=crop, src=’img/bg:png’);

16：避免兼容性属性的使用, 比如text-shadow || css3的相关属性;

17：减少使用影响性能的属性, 比如position:absolute || float ;

18：必须为大区块样式添加注释, 小区块适量注释;

(36) css企业代码书写规范相关推荐

WEB前端代码书写规范
WEB前端代码书写规范 1. 命名规范 a.ClassName命名 ClassName的命名应该尽量精短.明确,必须以单页面字母开头命名,且全部字母为小写,单词之间统一使用下划线 "_&qu ...
c#书写规范之---代码书写规范
代码书写规范格式化使代码的逻辑结构很明显.花时间确保源代码以一致的逻辑方式进行格式化,这对于您和你的开发小组,以及以后维护源代码的其他开发人员都有很大的帮助. 以下几点是推荐的格式 ...
java 代码书写规范_代码书写规范和命名规范
上一篇给大家分享了一下,关于文档编写的几个概念.这篇文章阐述如果编写代码书写规范以及命名规范文档.[以java语言为例] 1.代码书写规范代码书写规范,能够让不同的人,写出相同风格的代码.很多人都看 ...
GNU的C++代码书写规范，C语言之父Dennis Ritchie亲自修订 (转)
GNU的C++代码书写规范,C语言之父Dennis Ritchie亲自修订 (转)[@more@]C++ Standard Library Style Guidelines DRAFT 1999-0 ...
GNU的C++代码书写规范
GNU的C++代码书写规范,C语言之父Dennis Ritchie亲自修订 C++ Standard Library Style Guidelines DRAFT 1999-02-26 ------ ...
网页编程代码书写规范
网页编程,也就是网页代码的编写,其实也就是编程代码的书写,一个好的网站,其网页编码,是比较规范的,条理清晰,格式简洁美观,可读性强,那到底怎样才能规范好代码的编写规范,是一个值得大家深思的问题,想想自 ...
天勤考研中数据结构的代码书写规范以及C与C++语言基础
考研综合应用题中算法设计部分的代码书写规范头文件头文件部分如果题目没有特殊说明可以去掉. 常量如果题目中要用到一个常量,则在用的地方加上一句注释,说明某某常量已定义即可,不必在前面补上#defi ...
C++代码书写规范简介
C++代码书写规范简介编码规范并不是必须的,写代码遵守一定的规范,会使阅读代码修改bug轻松一些. 作为代码初学者,了解掌握最基本的代码书写规范知识是必要的.由于代码不仅仅是让程序执行,代码更是给人 ...
html页面css代码写在哪里,HTML、CSS代码书写规范
HTML语义化语义化标签优先基于功能.内容命名,尽量不使用表现命名简略.明了.无后患1.所有命名都使用英文小写推荐:` 不推荐: ` 2.命名用引号包裹推荐:` 不推荐: ` 3.用中横线连接 ...

(36) css企业代码书写规范

css书写规范

(36) css企业代码书写规范相关推荐

最新文章

热门文章