CSS語言標(biāo)準(zhǔn)

時(shí)間：2023-02-13 00:18:01 | 來源：營銷百科

時(shí)間：2023-02-13 00:18:01 來源：營銷百科

CSS語言標(biāo)準(zhǔn)：類型選擇器

CSS中的一種選擇器是元素類型的名稱。使用這種選擇器(稱為類型選擇器)，可以向這種元素類型的每個(gè)實(shí)例上應(yīng)用聲明。例如，以下簡單規(guī)則的選擇器是H1，因此規(guī)則作用于文檔中所有的H1元素：

簡單屬性選擇器

CLASS屬性

CLASS屬性允許向一組在CLASS屬性上具有相同值的元素應(yīng)用聲明。BODY內(nèi)的所有元素都有CLASS屬性。從本質(zhì)上講，可以使用CLASS屬性來分類元素，在樣式表中創(chuàng)建規(guī)則來引用CLASS屬性的值，然后瀏覽器自動(dòng)將這些屬性應(yīng)用到該組元素。

類選擇器以標(biāo)志符（句點(diǎn)）開頭，用于指示后面是哪種類型的選擇器。對于類選擇器，之所以選擇句點(diǎn)是因?yàn)樵诤芏嗑幊陶Z言中它與術(shù)語'類'相關(guān)聯(lián)。翻譯成英語，標(biāo)志符表示'帶有類名的元素'。

ID屬性

ID屬性的操作類似于CLASS屬性，但有一點(diǎn)重要的不同之處：ID屬性的值在整篇文檔中必須是唯一的。這使得ID屬性可用于設(shè)置單個(gè)元素的樣式規(guī)則。包含ID屬性的選擇器稱為ID選擇器。

需要注意的是，ID選擇器的標(biāo)志符是散列符號（#）。標(biāo)志符用來提醒瀏覽器接下來出現(xiàn)的是ID值。

STYLE屬性

盡管在選擇器中可以使用CLASS和ID屬性值，STYLE屬性實(shí)際上可以替代整個(gè)選擇器機(jī)制。不是只具有一個(gè)能夠在選擇器中引用的值(這正是ID和CLASS具有的值)，STYLE屬性的值實(shí)際上是一個(gè)或多個(gè)CSS聲明。

通常情況下，使用CSS，設(shè)計(jì)者將把所有的樣式規(guī)則置于一個(gè)樣式表中，該樣式表位于文檔頂部的STYLE元素內(nèi)（或在外部進(jìn)行鏈接）。但是，使用STYLE屬性能夠繞過樣式表將聲明直接放置到文檔的開始標(biāo)記中。

組合選擇器類型

可以將類型選擇器、ID選擇器和類選擇器組合成不同的選擇器類型來構(gòu)成更復(fù)雜的選擇器。通過組合選擇器，可以更加精確地處理希望賦予某種表示的元素。例如，要組合類型選擇器和類選擇器，一個(gè)元素必須滿足兩個(gè)要求：它必須是正確的類型和正確的類以便使樣式規(guī)則可以作用于它。

外部信息：偽類和偽元素

在CSS1中，樣式通常是基于在HTML源代碼中出現(xiàn)的標(biāo)記和屬性。對于很多設(shè)計(jì)情景而言這種做法完全可行，但是它無法實(shí)現(xiàn)設(shè)計(jì)者希望獲得的一些常見的設(shè)計(jì)效果。

設(shè)計(jì)偽類和偽元素可以實(shí)現(xiàn)其中的一些效果。這兩種機(jī)制擴(kuò)充了CSS的表現(xiàn)能力。在CSS1中，使用偽類可以根據(jù)一些情況改變文檔中鏈接的樣式，如根據(jù)鏈接是否被訪問，何時(shí)被訪問以及用戶和文檔的交互方式來應(yīng)用改變。借助于偽元素，可以更改元素的第一個(gè)字母和第一行的樣式，或者添加源文檔中沒有出現(xiàn)過的元素。

偽類和偽元素都不存在于HTML；也就是說，它們在HTML代碼中是不可見的。這兩種機(jī)制都得到了精心設(shè)計(jì)以便能夠在CSS以后的版本中做進(jìn)一步地?cái)U(kuò)充；也就是說實(shí)現(xiàn)更多的效果。