四種樣式
1、行內(nèi)樣式
????開始標簽內(nèi)style,與網(wǎng)頁同時加載:<p style="color:red;" ></p>
2、嵌入樣式
????<head>中<style>內(nèi),與網(wǎng)頁同時加載:<style type="text/css"></style>
3、外部樣式
????<head>中<link>引用,頁面加載時同時加載css樣式表:<link href="" ????rel="seylesheet" type="text/css">
4、導入式 @import
????在樣式代碼最開始處,讀取完HTML文件后加載:@import? "css.css" 或者 ????@import url(css.css);
優(yōu)先級:行內(nèi)>內(nèi)嵌>外部
選擇器
1、標簽選擇器:權(quán)值為1
? ? h1,h2,h3,p,div,span
2、類選擇器和偽類:權(quán)值為10
? ?類(class)可以應用到多個元素:.name? 偽類::hover
3、ID選擇器:權(quán)值為100
? ? 不能原則上不能出現(xiàn)相同的ID:#name
4、通配符(全局)選擇器:權(quán)值為0? ? ? ?*{}
5、行內(nèi)樣式:權(quán)值為1000
為多個選擇器應用同一種樣式時用英文逗號隔開“,“
用多個選擇器來選中一個元素時用空格隔開
多個選擇器權(quán)值計算規(guī)則:沒類選擇器的個數(shù)乘以相應的權(quán)值,所得值相加
權(quán)值相同時后加載的被顯示,權(quán)值不同顯示權(quán)值高的樣式
繼承:子元素可以繼承父元素設置的樣式(部分樣式不能繼承)
層疊:可以分開定義多個樣式,不沖突時,多個樣式可層疊為一個,沖突時,按不同樣式規(guī)則優(yōu)先級來應用樣式