css詳解之選擇符、優(yōu)先級及繼承關(guān)系

2023-05-20 分類：網(wǎng)站建設(shè)

選擇符

1、通配符

語法：*{屬性：屬性值；}

說明：通配選擇符的寫法是“*”，其含義就是所有元素。

用法：常用于定義文檔中各種元素得共同屬性，如字號、字體等。

使用通配選擇符的一個示例如下：

*{font-size:12px;}

說明：font-size屬性是字體的大小、px是像素，該樣式實現(xiàn)的效果是：頁面中所有文本的字體大小為12個像素。

2、類型選擇符

語法：元素名稱{屬性：屬性值；}

說明：1)類型選擇符就是以文檔語言對象類型作為選擇符，即使用結(jié)構(gòu)中元素名稱作為選擇符。例如body、div、p等。

2) 所有的頁面元素都可以作為類型選擇符。

用法：1)如果想改變某個元素得默認樣式時，可以使用類型選擇符；

例：ul{margin:0;

list-style:none; }

2) 當統(tǒng)一文檔某個元素的顯示效果時，可以使用類型選擇符；

例：body{font-size:12px;

line-height;18px;}

3、Id選擇符

　語法：#id名{屬性：屬性值；}

應(yīng)用：<元素名稱id=“id選擇符名稱"></元素名稱

說明：1)ID選擇符的語法格式是“#”加上自定義的ID名稱。

2)當我們使用ID選擇符時，應(yīng)先為每個元素定義一個id屬性，如：<div id="top"></div>

3) 一個id名稱只能對應(yīng)于文檔中一個具體得元素對象，因為id只能定義頁面中某一個唯一的元素對象；

用法：1)用來構(gòu)建整體結(jié)構(gòu)的元素對象應(yīng)該定義id屬性，因為這些對象一般在頁面中都是比較唯一、固定的，不會出現(xiàn)一個結(jié)構(gòu)在同一個頁面內(nèi)重復出現(xiàn)得現(xiàn)象，如

logo、導航等；

4、class選擇符

語法：．類名{屬性：屬性值；}

應(yīng)用：<元素名稱class="類選擇符名稱"></元素名稱>

說明：1)類選擇符的語法格式是：“.”加上自定義的類名稱。

　　2)當我們使用類選擇符時，應(yīng)先為每個元素定義一個類屬性，如：<div class="red"></div>

注意：一個標記上可以同時使用多個類，語法為<標記class=“類名類名”>

　即：在一個標記上同時使用多個類時，類名與類名之間用空格隔開

ID具有唯一性，CLASS具有普遍性。

5、群組選擇符

語法：選擇符1，選擇符2，選擇符3{屬性：屬性值；}

說明：當多個選擇符應(yīng)用相同的樣式，可以將選擇符用英文逗號分隔的方式，合并為一組.

使用類選擇符的一個示例如下：

.name,div,p{font-size:12px}

該樣式實現(xiàn)的效果是在類名字為name的元素、div元素、p元素中，文本的字體大小為12個像

素。

6、包含選擇符

語法：選擇符1 選擇符2{屬性：屬性值；}

說明：選擇符1和選擇符2之間用空格隔開。含義就是所有選擇符1中包含的選擇符2。

使用包含選擇符的一個示例如下：

div p{font-size;12px;}

該樣式實現(xiàn)的效果是，在所有被div元素包含的p元素中，文本有字體大小為12個像素。

7、偽類選擇符

語法：a:link{屬性：屬性值；}

　 a:visited{屬性：屬性值；}

　 a:hover{屬性：屬性值；}

　 a:active{屬性：屬性值；}

說明：1）為了簡化代碼，可以把偽類選擇符中相同的聲明提出來放在a選擇符中；

2）當這4個超鏈接偽類選擇符聯(lián)合使用時，應(yīng)注意他們的順序，正常順序為：

a:link,a:visited,a:hover,a:active,錯誤的順序有時會使超鏈接的樣式失效；

3)a:link可以定義未訪問過的超鏈接樣式，有些瀏覽器會把它解析為任何超鏈接，包括

訪問過的和未訪問過的，因此，我們可以使用a選擇符樣式來代替a:link選擇符樣式。

4）使用與超鏈接相關(guān)的偽類選擇符時，應(yīng)為a元素定義href屬性；

CSS的基本書寫規(guī)范包括：

1. 基本書寫順序：建議先寫通配符、類型選擇符和重復使用的樣式，然后是偽類，后是自定義的選擇符。除了重復使用的選擇符，其他選擇符按照使用的先后書寫，這樣便于修改時尋找。

2. 書寫方式

3.注釋

注釋的語法如下：

/*這是一個注釋*/

優(yōu)先級

1、直接定義在標記上的css樣式（行間樣式表）級別高。

2、內(nèi)部樣式表與外部樣式表后設(shè)的起作用。

3、當樣式中屬性重復時，后設(shè)的屬性起作用

4、ID的定義優(yōu)先于CLASS的定義

5、類、id的優(yōu)先級別高于標記

繼承關(guān)系：子定義會繼承父定義，但會覆蓋父定義的內(nèi)容。

文章標題：css詳解之選擇符、優(yōu)先級及繼承關(guān)系
文章分享：http://aaarwkj.com/news20/260270.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計、面包屑導航、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站維護、定制網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中小企業(yè)網(wǎng)站欄目如何策劃 2023-05-20
如何防止網(wǎng)站出現(xiàn)過度優(yōu)化的情況？ 2023-05-20
重慶網(wǎng)站建設(shè)費用受到影響的方面有哪些? 2023-05-20
重慶創(chuàng)新互聯(lián)：企業(yè)網(wǎng)站建設(shè)的7點建議 2023-05-20
在網(wǎng)站建設(shè)中如何創(chuàng)建良好的用戶體驗度？ 2023-05-20
選域名不妨看一下二十條建議 2023-05-20
小程序的出現(xiàn)能夠取代網(wǎng)站嗎？ 2023-05-20

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

css詳解之選擇符、優(yōu)先級及繼承關(guān)系