解決高度塌陷
? ? 清除浮動:將最后一個盒子設為空白盒子再clear:both;就可以撐開父元素姓迅,防止高度塌陷
? ? 用after在后面加入內(nèi)容敲霍,為兼容ie6需加zoom? eg:.clearfix:after{content:"";display:block俊马;clear:both丁存;}
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? .clearfix{zoom:1;}? 【最推薦使用】
定位:元素開啟定位后比文檔流高一層
? ? ? ? position:
? ? ? ? ? ? ? ? ? static:默認值柴我,沒有定位
? ? ? ? ? ? ? ? ? relative:{position:relative解寝;left:100px;top:200px艘儒;}
? ? ? ? ? ? 相對定位相對于元素在文檔流原來的位置
? ? ? ? ? ? 開啟相對定位后不會影響元素性質(zhì)
? ? ? ? ? ? ? ? ? absolute:元素相對于html元素或離他最近 的祖先定位元素進行定位(一般幫他的父元素先開啟相對定位)
? ? 絕對定位聋伦,會使元素完全脫離文本流
? ? 開啟絕對定位后會影響元素性質(zhì)
? ? 絕對定位的塊元素的寬度會被其內(nèi)容撐開
? ? ? ? ? ? ? ? ? fixed:固定定位夫偶,元素會被鎖定在屏幕的某個位置上,網(wǎng)頁滾動時保持不動
? ? ? ? ? ? ? ? ? (開啟以上三種定位后可使用(top觉增、right兵拢、bottom、left)屬性)
? ? ? ? z-index:元素開啟定位后可使用逾礁,可提升定位元素所在的層級
? ? ? ? ? ? ? ? ? 可指定一個整數(shù)作為參數(shù)说铃,值越大優(yōu)先級越高,顯示在網(wǎng)頁上層
? 未開啟定位則不可以使用
opacity:設置透明嘹履,0為完全透明腻扇,1為完全不透明;
filter:alpha(opacity=50):一般也會加上這個濾鏡用于支持ie瀏覽器(選值0~100)
background-image:url(圖片路徑)
一般設置背景圖片時同時指定背景顏色
background-repeat:設置是否重復背景圖
? ? repeat? 重復圖片
? ? no-repeat? 不重復砾嫉,只一張
? ? ? ? ? ? ? ? ? repeat-x? 只橫排重復
? ? ? ? ? ? ? ? ? repeat-y? 只豎排重復
background-position:設置背景圖像的起始位置?
? ? eg:background-position:bottom center幼苛;可選值一個設為橫,一個為豎?
? ? eg:background-position:100px 200px焕刮;? ? ? 也可為負值
background-attachment:設置背景圖片是否會隨著頁面其余部分的滾動而滾動
? ? ? fixed? ? 固定背景
小注意點:如父子元素則子元素永遠在父元素之上
? 相對路徑寫到哪兒便從哪兒開始找