注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Jon的毛线球

叩首问路,码梦维生。

 
 
 

日志

 
 

CSS书写规范  

2014-03-08 19:14:15|  分类: HTML+CSS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
每一种语言大多数时间都是给人看的,只有很少的一部分时间是给机器的,所以书写代码时候我们应该遵循一些规则,
这样才便于他人的阅读。也包括自己以后对代码的维护。

CSS书写顺序:

1.显示属性 display list-style position float clear
2.自身属性 width height margin padding border
3.背景 background
4.行高 line-height
5.文本属性 color/font/text-decoration/text-align/text-indent/certical-align/white-space/content
6.其他 cursor z-index zoom
7.CSS3属性
transform transition animation box-shadow border-radius
8.链接的样式青严格按照如下顺序添加:
a:link/a:visited/a:hover/a:active(LoVEHAte)


命名规则

1.规则命名中,一律采用小写加中划线的方式,不允许使用大写字母
2.命名规避使用中文拼音,应该采用更简明有语义的英文单词进行组合
3.命名注意缩写,但不能盲目缩写
4.不允许通过1.2.等序号命名
5.避免class与id重名
6.id用于标识模块或页面的某一个父级容器区域,名称必须唯一,不要随意新建id
7.class用于标识某一个类型的对象,命名必须言简意赅。
8.尽量可能提高饭吗模块的服用,样式计量用组合方式
9.规则命中不该拥有颜色,定位
10.除了重置浏览器默认样式外,禁止直接为html tag 添加css样式设置
11.每一条规则应该确保选择器唯一,禁止直接为全局.nav/.header/.body等累设置属性


多行形式书写分隔的排版

类选择器的点和结束的大括号对齐 .
类名后面跟空格.
冒号后面跟空格.
每条属性后面一定要有封号。


一、尽量少使用子选择器 body.profile ul.tabs.nav li a{}
除非必须 否则 一般有class 和id的 不需要写上元素的对应的tag

例如: div#test{}id是 test的div 


颜色取值应该写大写;
0后面不需要单位,比如0px可以省略成0 0.8px可以省略成.8px
background font等可以缩写的尽量缩写
如果可以尽量用三字符表示颜色
推荐使用单引号
SimHei黑体 SimSun宋体 Microsoft Yahei雅黑 如果名称中有空格则必须加单引号。

  评论这张
 
阅读(2)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017