Css使用說明

1.塊級元素和行內元素的相互轉換 【display:inline-block;vertical-align:top;】

2.對於元素 使用padding來填充，改變元素的大小 ，使用padding來填充大小，裏面的文字自動會居中；對於行內元素使用inner-block修飾之後，使用width和height設置大小，文字不會居中，須要使用line-height和text-aligen來修飾居中

3.使用border-radius:6px 0 0 6px 來改變元素上下左右的圓角

4.層級結構的編寫，

5.外層的寬度和高度不設置，讓內部的元素來撐起

6.margin 來改位置

6.或者在div中對於他的子元素設置 position：relative 和left .top來實現位置

7. ul標籤中也可使用 text-align:center; 設置 子標籤居中

8.字體改變顏色直接有color, 背景顏色 background

9.position:abosulute 使用時，它的父元素設置爲position:relative,不然相對於body

10.display:inner-block 的注意：元素之間都 4px的間隔

11.position:relative相對於本身定位，移動之後，他原來的位置佔有空間，若是標籤寬和高變化，它原來的位置的寬和高也跟着變化。

12.塊級元素和行內元素的區別：

每個網頁元素都有一個display屬性，用於肯定該元素的類型，每個元素都有默認的display屬性值，好比div元素，它的默認display屬性值爲「block」，成爲「塊級」元素(block-level)；而span元素的默認display屬性值爲「inline」，稱爲「行內」元素。
div這樣的塊級元素，就會自動佔據必定矩形空間，能夠經過設置高度、寬度、內外邊距等屬性，來調整的這個矩形的樣子；與之相反，像「span」「a」這樣的行內元素，則沒有本身的獨立空間，它是依附於其餘塊級元素存在的，所以，對行內元素設置高度、寬度、內外邊距等屬性，都是無效的。【1.行內元素在同一水平線上排列，水平排列；塊級元素單獨佔一行，下一個塊級元素會重新的一行開始；2.塊級元素能夠包含塊級元素和行內元素，行內元素不能夠包含塊級元素；3.行內元素設置寬和高無效，他根據包含的內容的大小決定自身的寬和高，同時能夠設置padding來改變自身的大小】

當display:inner-block: 設置的元素既有行內元素的性質也有塊級元素的性質

13:不用display:inline-block，可使用line-height設置來實現一些功能，在一些行內元素中不設置border屬性是沒有的border的，設置了border之後，才能夠設置border-width，可是input標籤是默認具備input的。例如設置b標籤的高度和input標籤高度一致的時候，能夠考慮到這些狀況

14：設置float和absolute之後會破壞父元素的文檔流結構，因此要對於float的要加清楚浮動，在有些地方須要給該元素的父元素加上清楚浮動

15.元素內容的垂直居中：該方法適用於單行文本(或圖片)的垂直居中，咱們須要作的僅僅是將line-height屬性設置的大於font-size，且等於容器的高度。