CSS 部分知識點 總結

標籤：16進位   相對   格式化   自動   z-index   play   術語   style   apt   

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

 

CSS 部分知識點 總結