CSS 學習一(簡介)

weixin_34402408發表於2017-02-27

一、學習CSS需要具備的HTML和XML基礎知識,點我

二、CSS 概述:

1.CSS 指層疊樣式表 (CascadingStyleSheets)

2.樣式定義如何顯示HTML 元素

3.樣式通常儲存在樣式表

4.把樣式新增到 HTML 4.0 中,是為了解決內容與表現分離的問題

5.外部樣式表可以極大提高工作效率

6.外部樣式表通常儲存在CSS 檔案

7.多個樣式定義可層疊為一

三、樣式解決了一個問題:

不斷地將新的 HTML 標籤和屬性(比如字型標籤和顏色屬性)新增到 HTML 規範中,建立文件內容清晰地獨立於文件表現層的站點變得越來越困難,為了解決這個問題,全球資訊網聯盟(W3C),在 HTML 4.0 之外創造出樣式(Style)。所有的主流瀏覽器均支援層疊樣式表。

四、樣式表提高了工作效率:

樣式表定義如何顯示 HTML 元素,樣式通常儲存在外部的 .css 檔案中。通過編輯一個簡單的 CSS 文件,外部樣式表使你有能力同時改變站點中所有頁面的佈局和外觀。

五、當同一個HTML元素被不止一個樣式定義時,會使用哪個樣式?

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

1.瀏覽器預設設定

2.外部樣式表

3.內部樣式表(位於 標籤內部)

4.內聯樣式(在 HTML 元素內部)

因此,內聯樣式(在 HTML 元素內部)擁有最高的優先權,這意味著它將優先於以下的樣式宣告: <head>標籤中的樣式宣告,外部樣式表中的樣式宣告,或者瀏覽器中的樣式宣告(預設值)

相關文章