CSS 最佳实践

1 class 的命名应该尽量语义化,知道这个class是干什么的

 比如class="header" class="aside" 等,让人知道这个是个侧边栏或者header头部

2 css 的属性和值之间是冒号,结尾分号(分号不能省略)

 普通的样式写法
      p{
           color: red; //这个分号是不能缺少,尤其不是最后一个的时候
      }

3 颜色值,区分color,rgba和opacity的区别

 颜色值有下面几种形式:
 1 red/blue 
 2 #FFF000(rgb的16进制),或者rgb(255,255,255)
 3 rgba形式rgba(255,255,255,0.6) a表示后面的透明度
 使用rgba的时候指定的background-color和color与使用opacity指定的整体透明度有时候都能达到一定的效果,但是还有一些区别,opacity是对作用的元素做一个透明度,会有影响到元素下面所有的子元素的

4 font-family: "sans serif"

  对于这种记得写引号,而且都是双引号,因为本身值之间有空格的,不加引号css会报错

5 css 不区分大小写

 比如
   P{
      BACKGROUND:url('')
   }
这种也可以,大家以后尽量都写小写的,比如background:url()
 但是如果你在HTML里面定义的类或者id是container,那么在样式中也必须是小写的

6 应该在每行只描述一个属性,这样可以增强样式定义的可读性,就像这样

 例如: p{
      line-height:12px;
 }
 写的时候一行一个属性值,这样容易读写,真正上线的时候呢会有工具进行压缩的

7 根据 CSS,子元素从父元素继承属性

 子元素会自动继承上层元素定义的样式,大家一定要记住这些,这个可以通过chrome 工具来看,如果有不会看或者不清楚的同学一定要记得@我,

一般一个页面元素需要用到的样式:

1 background
2 border
3 box overflow-x,overflow-y
4 color, 
5 height/min-height,max-height/
6 font-size font-style(normal,italic)
7 margin/padding
8 position/display