CSS 部分知識點 總結

1.在form表單中： method是提交方式      arction路徑提交地址

2.web標準，即網站標準，它不是一個標準而是W3C制定的一系列標準的集合，主要由：結構、表現和行爲三大標準組成。

以上說起web標準有三部分：結構、表現及行爲，資深的重構師通常都會推薦將這三種標準分離，這是他們的經驗，他們的告誡是將三者分離的重構模式會讓網站更易於維護及擴展。

以上所說的‘分離’是指，結構、表現及行爲，三者各自負責份內工做，用業界的專業術語應該叫作解耦合，

即結構徹底由HTML/XHTML負責，表現徹底由CSS負責，行爲徹底由腳本語言負責，三者最好的結合模式就是功能不重疊。 

3.z-index：CSS中有position屬性值爲absolute、relative或fixed，用z-index此取值方可生效。屬性參數值越大，則被層疊在最上面。

4.　　static：默認值，沒有定位，元素出如今正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。

　　   relative：生成相對定位的元素，相對於其正常位置進行定位。元素的位置經過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

　　　fixed：元素框的表現相似於將 position 設置爲 absolute，不過其包含塊是視窗自己。

　　　absolute：生成絕對定位的元素，相對於 static 定位之外的第一個父元素進行定位。元素的位置經過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

5.float的三個特徵：（行類元素浮動後會自動變成塊級元素）

　　　　脫離文檔流        包裹性        父級高度塌陷

6.　給一個元素設置margin-left值，在水平方向排列，兩個元素之間的margin值會增大

　　給一個元素設置margintop/buttom值，垂直排列，兩個元素之間的margin值會重疊，故取大值爲兩個元素之間的margin值

7.如何計算RGB的16進制：

       正常的 RGB 顏色的有效範圍，是從 0 到 16,777,215 (0xFFFFFF)。每一個數段都是兩位十六進制數，即從 00 到 FF。

　　   例如：rgb(0,255,255)轉16進制，

　　先分別轉0(10)=00(16),255(10)=FF(16),255(10)=FF(16),組合獲得#00FFFF。
　　
 又如rgb(255,0,0),先轉換255(10)=FF,0(10)=00(16),0(10)=00(16),再組合獲得#FF0000。

8.BFC 定義:

BFC(Block formatting context)直譯爲"塊級格式化上下文"。
它是一個獨立的渲染區域，只有Block-level box參與， 它規定了內部的Block-level Box如何佈局，而且與這個區域外部絕不相干

BFC佈局規則：

1. 內部的Box會在垂直方向，一個接一個地放置。
2. Box垂直方向的距離由margin決定。屬於同一個BFC的兩個相鄰Box的margin會發生重疊
3. 每一個元素的margin box的左邊， 與包含塊border box的左邊相接觸(對於從左往右的格式化，不然相反)。即便存在浮動也是如此。
4. BFC的區域不會與float box重疊。
5. BFC就是頁面上的一個隔離的獨立容器，容器裏面的子元素不會影響到外面的元素。反之也如此。
6. 計算BFC的高度時，浮動元素也參與計算

哪些元素會生成BFC：

1. 根元素
2. float屬性不爲none
3. position爲absolute或fixed
4. display爲inline-block, table-cell, table-caption, flex, inline-flex
5. overflow不爲visible