解決高度塌陷
? ? 清除浮動:將最后一個盒子設(shè)為空白盒子再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:設(shè)置透明纹安,0為完全透明,1為完全不透明砂豌;
filter:alpha(opacity=50):一般也會加上這個濾鏡用于支持ie瀏覽器(選值0~100)
background-image:url(圖片路徑)
一般設(shè)置背景圖片時同時指定背景顏色
background-repeat:設(shè)置是否重復(fù)背景圖
? ? ? ? ? ? ? ? ? repeat? 重復(fù)圖片
? ? ? ? ? ? ? ? ? no-repeat? 不重復(fù)厢岂,只一張
? ? ? ? ? ? ? ? ? repeat-x? 只橫排重復(fù)
? ? ? ? ? ? ? ? ? repeat-y? 只豎排重復(fù)
background-position:設(shè)置背景圖像的起始位置?
? ? eg:background-position:bottom center;可選值一個設(shè)為橫阳距,一個為豎?
? ? eg:background-position:100px 200px塔粒;
background-attachment:設(shè)置背景圖片是否會隨著頁面其余部分的滾動而滾動
小注意點:如父子元素則子元素永遠在父元素之上
? 相對路徑寫到哪兒便從哪兒開始找