知識點一：行高

  1、屬性值與盒子的高度相同--垂直居中
  2、屬性值小於盒子的高度-文字靠上
  3、屬性值大於於盒子的高度-文字靠下
  4、line-height: 300px;

知識點二：CSS三大特性

  1、三大特性：層疊性、繼承性、優先順序
  2、層疊性：就近原則    
        (1)、 同類種選擇器,第二個選擇器相同樣式會覆蓋第一個選擇器
        (2)、在同一個選擇器中，相同的屬性，以最後一個為準
  3、繼承性:子承父業     （聯想現實家族繼承）
  4、優先順序：
        a)在同一個元素中 !important>style>ID選擇器>類名選擇器>標籤選擇器>萬用字元選擇器
        b)本身選擇器的樣式>繼承過來的樣式
        c)同種選擇器，本身選擇器的樣式<子代後者後代 ???????，這個不確定根據權重判斷
 

5、權重

  繼承或者* 的貢獻值	      0,0,0,0
  每個元素（標籤）貢獻值為	0,0,0,1
  每個類，偽類貢獻值為	0,0,1,0
  每個ID貢獻值為	0,1,0,0
  每個行內樣式貢獻值	1,0,0,0
  每個!important貢獻值 重要的	∞ 無窮大

知識點三：背景

  1、背景：背景色background-color、背景圖background-img
  2、背景色
        (1)、英文單詞   background-color: blue;
        (2)、十六進位制    background-color: #ff0000;
        (3)、 RGB   紅綠藍     background-color: rgb(0, 255, 0);
        (4)、rgba   紅綠藍透明度   background-color: rgba(255, 0, 0, 0.5);
              1、取值範圍0-1
              2、1是完全不透明 ，0是完全透明
        (5)、補充透明度 opacity: 0.5    所有的子元素也透明
 

知識點四：盒子模型之邊框

  1、CSS的三大重點：盒子模型、浮動、定位
  2、盒子模型：內容、邊框、外邊距、內邊距
  3、網頁佈局本質：拼接盒子的過程   div +CSS 
  4、  邊框 
        (1)、邊框屬性：邊框厚度、邊框的顏色、邊框的線條樣式 
        (2)、邊框厚度：border-top-width（上）
        (3)、邊框的顏色： border-top-color: blue;（上）
        (4)、邊框的線條樣式：border-top-style: solid;
              1、實線 solid
              2、虛線  dashed
              3、點線 dotted
              4、雙實線 double
        (5)、綜合設定：border:1px solid red;
        (6)、邊框會影響盒子的尺寸
 

知識點五：內邊距

  1、定義：內邊距：盒子中內容與邊框之間的距離
  2、用法：
        (1)、上內邊距  padding-top: 20px;
        (2)、左內邊距 padding-left: 15px;
        (3)、下內邊距  padding-bottom: 25px;
        (4)、右內邊距  padding-right: 10px;
        (5)、屬性值個數不同
              1、四個屬性值 :上、右、下、左   padding: 50px 40px 30px 10px;
              2、三個屬性值： 上、左右、下  padding: 50px 40px 30px;
              3、兩個屬性值： 上下、左右 padding: 50px 20px;
              4、一個屬性值： 上下左右 padding: 50px;