高质量CSS编写规范
2013-11-02 11:19
232 查看
①id和class的命名在保持语义性的同时尽可能的短.
不推荐的写法:#navigation {} .atr {}
推荐的写法 : #nav {} .author {}
可以缩写单词,但缩写后务必能让人明白其含义。比如author缩写成atr就非常费解。
②属性书写顺序,首先定义显示属性
推荐的写法 :.selector{float:left;width:300px;height:200px; font-size:14px;color:#f36;}
不推荐的写法:.selector{font-size:14px; color:#f36; float:left; width:300px; height:200px;}
这样,就可以从CSS 规则中靠前的定义获得显示版式。 框架为先,细节次之比如写一个浮动容器的样式,我们应该先让这个容器的框架被渲染出来,让大家看到基本的网站框架。然后再再去渲染容器里面的内容。最终呈现给用户. 通常像 color font padding 之类的,写在后面。
③属性书写顺序,有因才有果
不推荐的写法: span{ margin-bottom:10px; display:block; }
推荐的写法 : span{ display:block; margin-bottom:10px; }
不推荐的写法:#navigation {} .atr {}
推荐的写法 : #nav {} .author {}
可以缩写单词,但缩写后务必能让人明白其含义。比如author缩写成atr就非常费解。
②属性书写顺序,首先定义显示属性
推荐的写法 :.selector{float:left;width:300px;height:200px; font-size:14px;color:#f36;}
不推荐的写法:.selector{font-size:14px; color:#f36; float:left; width:300px; height:200px;}
这样,就可以从CSS 规则中靠前的定义获得显示版式。 框架为先,细节次之比如写一个浮动容器的样式,我们应该先让这个容器的框架被渲染出来,让大家看到基本的网站框架。然后再再去渲染容器里面的内容。最终呈现给用户. 通常像 color font padding 之类的,写在后面。
③属性书写顺序,有因才有果
不推荐的写法: span{ margin-bottom:10px; display:block; }
推荐的写法 : span{ display:block; margin-bottom:10px; }
相关文章推荐
- 编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范
- 编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。
- 编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。
- 编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范
- 编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范
- 编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范
- 编写高质量的CSS代码,规范建议
- 编码规范 编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。
- 编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范
- 编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。
- 编码规范之编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范
- 编写灵活、稳定、高质量的HTML和css代码规范指南
- sublime text 3 插件 【编写高质量 JavaScript & CSS 代码】高亮提示用户编写的代码中存在的不规范和错误的写法
- 编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范(转)
- 编写高质量的CSS代码,规范建议
- 编写高质量代码规范
- HTML+CSS编写规范
- 高质量JAVA代码编写规范
- XHTML-CSS编写规范(续)
- 高质量JAVA代码编写规范