CSS全稱為“層疊樣式表 (Cascading Style Sheets)”,它主要是用于定義HTML內(nèi)容在瀏覽器內(nèi)的顯示樣式,如文字大小、顏色、字體加粗等。
CSS樣式的組成:
選擇符:又稱為選擇器,指明網(wǎng)頁中要應(yīng)用樣式規(guī)則的元素
如果有多條聲明,用分號隔開
內(nèi)聯(lián)式css樣式
就是把css代碼直接寫在現(xiàn)有的HTML標(biāo)簽中,如:
<p style="color:red">xxxxxxxxx</p>
如果有多個(gè)參數(shù),用分號隔開
嵌入式css樣式
如果有多個(gè)元素需要改成同一個(gè)樣式,則可以使用嵌入式css樣式
首先一般情況下嵌入式css樣式寫在<head></head>之間,然后如下:
<style type="text/css>
span{ ?
? ? ? ?color:red;
? ? ? ?font-size:18px
? ? ? ?}
</style>
外部式css樣式(外聯(lián)式)
就是創(chuàng)建個(gè)新的css文件,把屬性都寫在這個(gè)文件中
文件要以“.css”為擴(kuò)展名,在<head>內(nèi),使用<link>標(biāo)簽將css樣式文件鏈接到HTML文件內(nèi)
如:
<link href="main.css" rel="stylesheet" type="text/css" />
注:
css樣式名要以有意義的字母命名如:main.css
rel 和type里的是固定寫法,不可以修改
<link>標(biāo)簽位置一般寫在<head>標(biāo)簽內(nèi)
1.? 內(nèi)聯(lián)樣式表的權(quán)值最高 1000
2.? ID 選擇器的權(quán)值為 100
3.? Class 類選擇器的權(quán)值為 10
4.? HTML 標(biāo)簽選擇器的權(quán)值為 1
CSS 優(yōu)先級法則:
A? 選擇器都有一個(gè)權(quán)值,權(quán)值越大越優(yōu)先
B? 當(dāng)權(quán)值相等時(shí),后出現(xiàn)的樣式表設(shè)置要優(yōu)于先出現(xiàn)的樣式表設(shè)置
C? 創(chuàng)作者的規(guī)則高于瀏覽者:即網(wǎng)頁編寫者設(shè)置的CSS 樣式的優(yōu)先權(quán)高于瀏覽器所設(shè)置的樣式
D? 繼承的CSS 樣式不如后來指定的CSS 樣式
E? 在同一組屬性設(shè)置中標(biāo)有“!important”規(guī)則的優(yōu)先級最大