樣式表和選擇器

四種樣式

1、行內(nèi)樣式

????開始標簽內(nèi)style,與網(wǎng)頁同時加載:<p style="color:red;" ></p>

2、嵌入樣式

????<head>中<style>內(nèi),與網(wǎng)頁同時加載:<style type="text/css"></style>

3、外部樣式

????<head>中<link>引用,頁面加載時同時加載css樣式表:<link href="" ????rel="seylesheet" type="text/css">

4、導入式 @import

????在樣式代碼最開始處,讀取完HTML文件后加載:@import? "css.css" 或者 ????@import url(css.css);

優(yōu)先級:行內(nèi)>內(nèi)嵌>外部

選擇器

1、標簽選擇器:權(quán)值為1

? ? h1,h2,h3,p,div,span

2、類選擇器和偽類:權(quán)值為10

? ?類(class)可以應用到多個元素:.name? 偽類::hover

3、ID選擇器:權(quán)值為100

? ? 不能原則上不能出現(xiàn)相同的ID:#name

4、通配符(全局)選擇器:權(quán)值為0? ? ? ?*{}

5、行內(nèi)樣式:權(quán)值為1000

為多個選擇器應用同一種樣式時用英文逗號隔開“,“

用多個選擇器來選中一個元素時用空格隔開

多個選擇器權(quán)值計算規(guī)則:沒類選擇器的個數(shù)乘以相應的權(quán)值,所得值相加

權(quán)值相同時后加載的被顯示,權(quán)值不同顯示權(quán)值高的樣式

繼承:子元素可以繼承父元素設置的樣式(部分樣式不能繼承)

層疊:可以分開定義多個樣式,不沖突時,多個樣式可層疊為一個,沖突時,按不同樣式規(guī)則優(yōu)先級來應用樣式

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容