CSS優先級
當CSS沖突的時時候,一般采用就近原則(誰離得比較近就用誰的樣式)
行內樣式>內嵌樣式>外部樣式
行內樣式>id>class>標簽
權重值
當多個標簽id,lass在一起作用同一個目標時,就要計算權重值。哪個高就用哪個樣式
標簽:1
class:10
ID:100
行樣式:1000
!important; 有這個代碼則優先執行
CSS繼承的權重值為0,一般和文本的一般都會繼承,邊框,寬,高。margin,padding,背景都不會繼承
CSS定位屬性 position:static fixed relative absolutc
用position的時候必配合着定位坐標(距上邊top,距右邊right,距下邊bottom,距上邊top)
static,靜態,不定位
fixed,固定,脫離正常的文本流,比普通文本流高級。相當於瀏覽器文本進行定位,一直在視野范圍內,不會隨着滾動條滾動而移動
relative,相對定位。相當於自己定位,自己原來的位置空着但是別的元素還是不能霸占的,定位后的位置下面還是可以放東西的。如:position:relative;top:10px;在原來位置的下方10像素
absolute,絕對定位,相當於最近的具有定位屬性(相對定位或者絕對定位都行)的元素進行定位,如果沒有則相當於body定位,當多個絕對定位容器在一起,則z-index屬性值大的在上面,如果沒有這個屬性時,默認后面的在前面的上面。
外層元素一般設置相對定位,不用坐標
內層元素一般設置絕對定位,配合着定位左邊
盒子模型:邊框線。內填充,外邊距
border,邊框線
padding,內填充
margin,外邊距
一個盒子的寬度為,(外邊距+內填充+邊框線)*2
如果兩個盒子(div屬性)豎着放一起則他們的margin(外邊距)屬性將會以大的為准
如果兩個盒子(div屬性)水平放一起則他們的margin(外邊距)屬性將會相加