css樣式表、css選取器_css

來源:互聯網
上載者:User

1 簡述 CSS 樣式表的使用方式。
HTML 頁面有三種使用 CSS 樣式表的方式:
1、內聯樣式表:樣式規定在單個的元素中,寫在元素的 style 屬性裡;
2、內部樣式表:樣式定義在HTML頁面的頭元素中;
3、外部樣式表:將樣式定義在一個外部的 CSS 檔案中,然後由HTML頁面引用樣式表檔案。

2 如何理解 CSS 樣式表的層疊性。
CSS使用層疊(Cascade)的原則來考慮繼承、層疊次序和優先順序等重要特徵,從而判斷相互衝突的規則中哪個規則應該起作用。
繼承性是指,許多CSS的樣式規則不但影響選取器所定義的元素,而且會被這些元素的後代繼承。
層疊性是指,當一個Web頁面使用多個樣式表,多個樣式表中的樣式可層疊為一個。在多個樣式表之間所定義的樣式沒有衝突的時候,瀏覽器會顯示所有的樣式。
優先順序是指,當發生樣式定義衝突時,瀏覽器首先會按照不同樣式規則的優先順序來應用樣式。CSS 樣式的優先順序如下所示(其中數字3擁有最高的優先權):
1、瀏覽器預設設定;
2、外部樣式表(.css 檔案)或者內部樣式表(位於< head>元素內部);
3、內聯樣式(作為某個元素的style屬性的值)。
同等優先順序下,以最後定義的樣式為準。

3 CSS 選取器中,元素選取器和類別選取器的區別是什麼。
元素選取器是最常見的 CSS 選取器,即,文檔的元素就是最基本的選取器。選取器通常是某個HTML元素,比如 < p>、< h1>、< em>、< a>等,甚至可以是< html>元素本身。
類別選取器用於將樣式規則與附帶class屬性的元素匹配,其中該class屬性的值為類別選取器中指定的值。使用類別選取器時,首先需要定義樣式類,其文法為:
.className { }
所有能夠附帶class屬性的元素都可以使用此樣式聲明。只需要將class屬性的值設定為“className”,則可以將類別選取器的樣式與元素關聯。
在實際使用時,如果需要為某種元素定義樣式,則往往使用元素選取器;如果要應用樣式而不考慮具體設計的元素,最常用的方法就是使用類別選取器。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.