day6

1.CSS的特性

1.CSS的層疊性:也就是說后來設(shè)置的樣式會(huì)層疊(覆蓋)之前的樣式,層疊性的前提示CSS的選擇器的優(yōu)先級(jí)相同。

2.CSS的繼承性:CSS的繼承性是指,子容器的樣式會(huì)繼承父容器的樣式。但并不是所有的樣式都能繼承。只有部分樣式能繼承,比如:文字相關(guān)字體大小、顏色、字體樣式、行高、鼠標(biāo)樣式等。盒子相關(guān)的樣式都不能繼承,比如:寬高、背景色、邊距、浮動(dòng)、絕對(duì)定位等。

3.CSS的特殊性(優(yōu)先級(jí)):

CSS的特殊性,定義CSS樣式時(shí),經(jīng)常出現(xiàn)兩個(gè)或更多規(guī)則應(yīng)用在同一元素上,那么誰的優(yōu)先級(jí)更高呢,這就是CSS的特殊性。

1、首先比較行內(nèi)樣式,行內(nèi)樣式優(yōu)先級(jí)最高。如果嵌入樣式和行內(nèi)樣式同時(shí)設(shè)置樣式時(shí),行內(nèi)樣式優(yōu)先級(jí)最高。

2、其次是內(nèi)嵌樣式的優(yōu)先級(jí)比較:

內(nèi)嵌樣式的,ID選擇器對(duì)應(yīng)的樣式優(yōu)先級(jí)最高。其次是Class樣式;再次是標(biāo)簽選擇器樣式,再次是通配符選擇器設(shè)置的樣式;后面是繼承的樣式,最后是瀏覽器默認(rèn)的樣式。

2.CSS的標(biāo)簽?zāi)J皆O(shè)置Display屬性:

display可以控制標(biāo)簽的顯示模式。

display:none | inline | block | inline-block

繼承性:無

display值的解釋:

none:此元素不被顯示,在文檔中被移除。

block:此元素按塊級(jí)元素顯示:前后帶換行符,自己占一行。內(nèi)聯(lián)元素 → 塊元素

inline:此元素按內(nèi)聯(lián)元素顯示:1個(gè)挨著1個(gè)。塊元素 → 內(nèi)聯(lián)元素

inline-block:按行內(nèi)標(biāo)簽進(jìn)行排版,但是可以設(shè)置寬高,而且高度可以影響行高

3:CSS的顏色表示

RGB:red,green,blue三元素疊加組成不同顏色。

語法:color: rgb(33,33,33);

取值:0-255,也可以用百分比:0% - 100%

十六進(jìn)制是另外一種寫法:

Color:#3333333;

十六進(jìn)制也是rgb的表示方法另外一種寫法而已。

4:長度單位

絕對(duì)長度單位:cm:厘米,mm:毫米,in:英寸,pc:派卡(Picas)
相對(duì)長度單位:px:像素點(diǎn),像素就是顯示器顯示的一個(gè)點(diǎn)。

em:1em等于當(dāng)前的字體大小,單位之間的關(guān)系:1in = 2.54cm = 25.4 mm? = = 96px

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

相關(guān)閱讀更多精彩內(nèi)容

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