一、繼承
概念:CSS的某些樣式是具有繼承性的隘世,繼承是一種規(guī)則,它允許樣式不僅應用于某個特定html標簽元素鸠踪,而且應用于其后代丙者。比如下面代碼:如某種顏色應用于p標簽,這個顏色設置不僅應用p標簽营密,還應用于p標簽中的所有子元素文本械媒,這里子元素為span標簽。
二评汰、特殊性
當我們?yōu)橥粋€元素設置了不同的CSS樣式代碼纷捞,瀏覽器是根據(jù)權(quán)值來判斷使用哪種css樣式的,哪種權(quán)值高就使用哪種css樣式被去。
權(quán)值的規(guī)則:
標簽的權(quán)值為1主儡,類選擇符的權(quán)值為10,ID選擇符的權(quán)值最高為100惨缆。
注意:還有一個權(quán)值比較特殊--繼承也有權(quán)值但很低糜值,有的文獻提出它只有0.1,所以可以理解為繼承的權(quán)值最低坯墨。
三寂汇、層疊
概念:層疊就是在html文件中對于同一個元素可以有多個css樣式存在,當有相同權(quán)重的樣式存在時捣染,會根據(jù)這些css樣式的前后順序來決定健无,處于最后面的css樣式會被應用∫盒保可以理解為后面的樣式會覆蓋前面的樣式累贤。
四、重要性
適用情況:
我們在做網(wǎng)頁代碼的時少漆,有些特殊的情況需要為某些樣式設置具有最高權(quán)值臼膏,這時候我們可以使用!important來解決。
注意樣式優(yōu)先級為:瀏覽器默認的樣式 < 網(wǎng)頁制作者樣式 < 用戶自己設置的樣式示损,但!important優(yōu)先級樣式是個例外渗磅,權(quán)值高于用戶自己設置的樣式。
語法格式:p{color:red!important;}
注意important要寫在分號的前面
五检访、CSS格式化排版
1.文字排版-字體
語法:body{font-family:"Microsoft Yahei"}或body{font-family:”宋體“}
2.文字排版-字號
語法:body{font-size:12px;color:#666}
3.文字排版-下劃線
語法:p{ text-decoration:underline;}
4.文字排版-刪除線
.oldPrice{text-decoration:line-through;}
5.文字排版-粗體
語法:body{font-weight:bold始鱼;}
6.段落排版-縮進
中文文字中的段前習慣空兩個文字的空白,這個特殊的樣式可以用下面代碼來實現(xiàn):
p{text-indent:2em;}
注意:2em的意思就是文字的2倍大小脆贵。
7.段落排版-行間距
語法:p{line-height:1.5em;}
8.段落排版-中文字間距医清,字母間距
如果想在網(wǎng)頁排版中設置文字間隔或者字母間隔就可以使用letter-spacing來實現(xiàn),如下面代碼:
調(diào)整中文字/字母間距:p{letter-spacing:50px;}
調(diào)整單詞間距:用word-spacing p{word-spacing:50px;}
9.段落排版-對齊
想為塊狀元素中的文本卖氨、圖片設置居中樣式嗎会烙?可以使用text-align樣式代碼,如下代碼可實現(xiàn)文本居中顯示筒捺。
語法:p{text-align:right/left/center;}