浅学CSS

 1.样式表由多个样式规则组成
2.样式规则语法：
  选择符 {属性：值 ; 属性:值}
  body {background-color:#fff}
3.以类形式描述样式：
  <p class="warning"></p>
  .warning{
    font-size:9px;
  }
  //类命名的时候根据功能为佳。

4.以id选择符的形式来描述样式：
  <p id="p1"></p>
  #p1{
    text-indent:3em;
  }
5.关联样式：
  由多个单个元素组成，具有比单个项更高的优先就。
  比如:
  <p>
        it is a test !
    <font>aaaa</font>
  </p>
  如果定义样式：
  font{
    color:red;
  }
  p font{
    color:blue;
  }
  那么"it is a test !"显示红色；
  "aaaa"显示红色。

6.组合：
  为了减少样式重复代码，故可以这样：
  h1,h2,h3{
    color:red;
  }
  这就是组合。
7.继承：
  理论上所有内部嵌套的选择符样式都会继承外层样式。但也有特殊。

8.注释
  /*和C语言是一样的方式*/

9.伪类和伪元素：
   伪类：用于区别开不同的类。
   伪元素：元素的一个部分。
   
   样式：

   选择符：伪类{属性：值}
   选择符：伪元素{属性：值}

   伪类和伪元素不使用HTML的class属性指定。

   举例：
   A:link    { color: red }
   A:active  { color: blue; font-size: 125% }
   A:visited { color: green; font-size: 85% }

10.属性介绍：
   font
   background
   text
   方框：
    边界:margin,margin-top,margin-right,margin-bottom...
    补白:一个元素的补白是边框和元素的内容之间的间隔的数值.padding
        边框宽度：border-width
    边框颜色：border-color
    边框风格：border-style
    边框：border:通过border属性设置，可以设置border-width,border-color,border-style
  宽度：width
  高度: height
  漂浮：float:right|left
  清楚: clear:right|left|none|both  清除属性指定一个元素是否允许有元素漂浮在它的旁边

  分类属性：
  display:block | inline | list-item | none
  white-space:normal | pre | nowrap 绝对如何处理元素内的内容。
  list-style-type:
  list-style-image:
  list-style-position:

  11.单位：px,em..
  12.选择器：
     元素选择器 p{}
     后代选择器： p li {} //选择p 后所有li结点设置样式
     通用选择器:
     *{
    background.....
     }
     高级选择器：
         子选择器：#div > li {} //选择#div后<div></div>之间的li设置样式。
     相邻同胞选择器：#div+li{}只对#div后第一个Li设置样式.注意同级问题。
     属性选择器：根据元素具有某属性或者属性值来设置样式。div[class]{} //表示如果div有class属性则设置样式
     div[class="head"]//表示div的class属性为head，设置样式。