css實戰只是彙總
1 css背景圖居中
需求首頁都會有背景大圖居中,並且自動撐滿整個螢幕,保證不拉伸
**div
//必須指定高度,否則看不到背景圖,一般高度設為和高度一樣,這邊設定為有重複,當小於螢幕寬度時,自動重複,兩邊都重複
2 padding和margin
設定padding裡面的填充顏色還會填充,margin就不會填充,margin算是外面的東西
3 塊狀元素橫向居中
margin
4行內元素垂直居中
父級元素設定line-height:等於height,若子元素是img則還要設定img
CSS知識整理
一css簡介 是一種用來表現html 標準通用標記語言的乙個應用 或xml 標準通用標記語言的乙個子集 等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。css 能夠對網頁中元素位置的排版進行畫素級精確控制,支援幾乎所有的字型字型大小樣式,擁...
css 知識整理
content box 基礎盒模型,寬 元素寬 border box ie6盒模型,寬 元素寬 padding border 可以簡單,響應式的實現頁面布局。相對於原來的布局,主要應用float,position之類的進行布局,會有很多 比如需要清除浮動,是否占用文字流,會對其他元素造成一系列的影響...
css知識整理
是指盒子按照html標籤編寫的順序依次從上到下,從左到右排列,塊元素佔一行,行內元素在一行之內從左到右排列,先寫的先排列,後寫的排在後面,每個盒子佔據自己的位置。相對元素定位,元素所佔據的文件流的位置不變,元素本身相對文件流的位置進行偏移 絕對定位,元素脫離文件流,不佔據文件流的位置,可以理解為漂浮...