CSS 學習筆記

當同乙個html元素被不止乙個樣式定義時，會使用哪個樣式呢？

一般而言，所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中，其中數字4 擁有最高的優先權。

1. 瀏覽器預設設定

2. 外部樣式表

3. 內部樣式表（位於標籤內部）

4. 內聯樣式（在html 元素內部）

因此，內聯樣式（在html 元素內部）擁有最高的優先權，這意味著它將優先於以下的樣式宣告：標籤中的樣式宣告，外部樣式表中的樣式宣告，或者瀏覽器中的樣式宣告（預設值）。

css語法

css語法由三部分構成：選擇器、屬性和值：

selector

選擇器(selector) 通常是你希望定義的html 元素或標籤，屬性(property) 是你希望改變的屬性，並且每個屬性都有乙個值。屬性和值被冒號分開，並由花括號包圍，這樣就組成了乙個完整的樣式宣告（declaration）：

body

上面這行**的作用是將body 元素內的文字顏色定義為藍色。在上述例子中，body 是選擇器，而包括在花括號內的的部分是宣告。宣告依次由兩部分構成：屬性和值，color 為屬性，blue 為值

在css中，類選擇器以乙個點號顯示：

.center

在上面的例子中，所有擁有center 類的html 元素均為居中。

css position屬性

通過使用

position 屬性

，我們可以選擇4 中不同型別的定位，這會影響元素框生成的方式。

position 屬性值的含義：

static

元素框正常生成。塊級元素生成乙個矩形框，作為文件流的一部分，行內元素則會建立乙個或多個行框，置於其父元素中。

relative

元素框偏移某個距離。元素仍保持其未定位前的形狀，它原本所佔的空間仍保留。

absolute

元素框從文件流完全刪除，並相對於其包含塊定位。包含塊可能是文件中的另乙個元素或者是初始包含塊。元素原先在正常文件流中所佔的空間會關閉，就好像元素原來不存在一樣。元素定位後生成乙個塊級框，而不論原來它在正常流中生成何種型別的框。

fixed

元素框的表現類似於將position 設定為absolute，不過其包含塊是視窗本身。

css例項：