知識點一：CSS書寫規範

  1、空格規範：  
        a)選擇器與{之間必須包含空格
        b)屬性名與之後的 : 之間不允許包含空格， : 與屬性值之間必須包含空格

  2、選擇器規範： 
        a)當一個rule包含多個selector時，每個選擇器宣告必須獨佔一行
        b)巢狀層級應不大於 3 級

  3、屬性規範：
        a)屬性定義後必須以分號結尾
        b)屬性定義必須另起一行
  4、a標籤去下劃線：text-decoration:none
  5、li標籤去點：list-style:none
  6、快速搭建頁面：ul>li*5
        table>tr*5>td*6
        div.box
        div#box
 

知識點二：塊狀元素

  1、元素《==》標籤
  2、標籤的顯示模式：塊狀元素、行內元素（內聯元素）、行內塊元素 
  3、塊狀元素:
  4、div/h1-h6/p/ul/li/ol/dl/dd/dt/table/tr/td/caption/thead/tbody/form/textera/
  塊狀元素的特點：
        1、有預設的寬高，寬是父元素的100%，高度是內容所稱起來的高度
        2、寬高是可以設定的
        3、獨佔一行
        4、可以容納其他的塊狀元素、行內元素、行內塊元素
        5、可以設定外邊距、內邊距、邊框

  注意:h標籤、p標籤儘量的不要去容納塊狀元素！
 

知識點三：行內元素

  1、行內元素：span b strong i em u ins s del a
  2、行內元素的特點： 1、有預設寬高，都是內容所撐起來的
                    2、寬高設定無效
                    3、與相鄰的行內元素或者行內塊元素同一行上顯示
                    4、可以去包含行內元素，但是不能包含塊狀元素及行內塊元素
                    5、水平方向上的外邊距和內邊距是可以設定的，垂直方向無效，邊框也是可以設定的
  注意：a標籤可以去包含塊狀元素以及行內元素 ，連結裡面不能再放連結
 

知識點四：行內塊元素

  1、行內塊元素：img/input/
  2、行內塊元素的特點：1、 有預設的寬高，就是自帶的寬高
                    2、可以設定寬高
                    3、可以與相鄰的行內元素和行內塊元素在同一水平線下顯示
                    4、外邊距、內邊距、邊框都是可以設定的

知識點五：元素的轉化

  塊轉行內：display:inline;
  行內轉塊：display:block;
  塊、行內元素轉換為行內塊： display: inline-block;