CSS基礎(chǔ)與進(jìn)階
1.什么是CSS怖喻?
??????? CSS是層疊樣式表很洋,主要用于設(shè)置HTML文本內(nèi)容(字體充蓝,大小,對(duì)齊方式等)喉磁、圖片的外形(寬高谓苟,邊框樣式,邊距等)以及版面布局等外觀顯示樣式协怒。
??????? CSS版本:2.1~3.0
2.如何編寫CSS樣式涝焙?
2.1 缺省樣式:瀏覽器樣式,所有標(biāo)簽都有默認(rèn)樣式斤讥。
2.2 行內(nèi)樣式:<h1 style=" color:red; ">? style屬性中可以設(shè)置多種樣式纱皆,樣式間用分號(hào)隔開湾趾。
2.3 內(nèi)嵌樣式:在<head>標(biāo)簽中加上style標(biāo)簽芭商,將type屬性值設(shè)置為text/css(默認(rèn)值就是text/css,因此可缺什蟛)铛楣,在style標(biāo)簽中寫css樣式。
格式:? <style type="text/css">
?????????????????? p {
????????????????????????????? color:red;
??????????????????? }
????????????? </style>
2.4 外聯(lián)css樣式:在頭文件中鏈接css文件:
<link href="css文件地址" rel="stylesheet">
2.5 導(dǎo)入樣式:在style標(biāo)簽中嵌套:
<style type="text/css">
?? @import url(css文件地址);
</style>
@import 必須寫在其他樣式前艺普,將某一個(gè)css文件導(dǎo)入到當(dāng)前位置簸州。
3. 優(yōu)先級(jí)
樣式優(yōu)先級(jí):行內(nèi)式>內(nèi)嵌式>導(dǎo)入式 (相同權(quán)值)
就近原則:離被設(shè)置元素越近鉴竭,優(yōu)先級(jí)別越高。