1.CSS的特性:
? ? ? a. CSS的層疊性:CSS的層疊性憋他,也就是說后來設置的樣式會層疊(覆蓋)之前的樣式彻舰,層疊性 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 的前提示CSS的選擇器的優(yōu)先級相同认境。
? ? ? ?b. CSS的繼承性:CSS的繼承性是指,子容器的樣式會繼承父容器的樣式渐苏。但并不是所有的樣 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 式都能繼承技健。只有部分樣式能繼承,比如:文字相關字體大小浪汪、顏色巴柿、字體 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 樣式、行高死遭、 鼠標樣式等广恢。盒子相關的樣式都不能繼承,比如:寬高呀潭、背 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 景色钉迷、邊距、浮動钠署、絕對定位等糠聪。
? ? ? ? c. CSS的優(yōu)先級:
? ? ? ? ? ? ? ?1、首先比較行內樣式谐鼎,行內樣式優(yōu)先級最高枷颊。如果嵌入樣式和行內樣式同時設置樣式時, ? ? ? ? ? ? ? ? ? ? ? 行內樣式優(yōu)先級最高该面。
? ? ? ? ? ? ? ? 2夭苗、其次是內嵌樣式的優(yōu)先級比較:
? ? ? ? ? ? ? ? ? ? ?內嵌樣式的,ID選擇器對應的樣式優(yōu)先級最高隔缀;其次是Class樣式题造;再次是標簽選擇器樣 ? ? ? ? ? ? ? ? ? ? ?式,再次是通配符選擇器設置的樣式猾瘸;后面是繼承的樣式界赔,最后是瀏覽器默認的樣式丢习。
2. display:
display可以控制標簽的顯示模式。
display:none | inline | block | inline-block
繼承性:無
display值的解釋:
none:此元素不被顯示淮悼,在文檔中被移除咐低。
block:此元素按塊級元素顯示:前后帶換行符,自己占一行袜腥。內聯(lián)元素 → 塊元素
inline:此元素按內聯(lián)元素顯示:1個挨著1個。塊元素 → 內聯(lián)元素
inline-block:按行內標簽進行排版羹令,但是可以設置寬高鲤屡,而且高度可以影響行高
3. 顏色表示:
rgb:紅綠藍三種顏色;rgb(33,235,245)
rgba:a表示透明度酒来;
十六進制:#fff;
4. 網(wǎng)頁中的長度單位:
px:像素點翘鸭,像素就是顯示器顯示的一個點绎秒。
em:1em 等于當前的字體大小耳胎,例如:當前元素的字體大小為16px,那么1em = 16px怕午。
5. 字體:
font-size:字體大小
font-family:設置字體
字符間距:letter-spacing废登;
單詞間距:word-spacing
6. 行高:
行高是兩行文本基線的距離。實際上就是:文本的高度+一倍的行距郁惜。
7. 首行縮進:text-indent堡距;