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