-
1.對頁面進行初始化:用全局選擇器將瀏覽器的默認添加上, 把內填充、外填充都設置為0:*{padding:0;margin:0;}。 2.讓頁面自動居中:#wrap{margin:0 auto;width:960px} (上下值可任意設置,左右值必須設置為auto,寬度也必須設置,(值為除了100%的其他值),不然默認寬度會占據瀏覽器的100%)。 3. 清除浮動 父容器沒有設置浮動,而子元素都設置了浮動,就無法撐開父容器的寬度,父容易就顯示成一條直線了, 因為子級設置了浮動,因此父級元素的高度沒辦法正常擴展, 此時設置浮動后,父級元素和后面緊鄰的元素都會受到影響。 清除浮動就可以解決元素浮動帶來的影響: 但是對于父級元素受到的影響,clear:both是無效的,需用width:100%(或者固定寬度)+overflow:hidden(隱藏)的方式。 對于緊鄰后面的元素受到的影響,需用clear;both的方式。 4.div塊的高度一般不需要設置。 橫向兩列布局有兩種方式: a.兩列中均設置為左浮動:float:left, 然后再設置margin屬性值,要保證:第一列的寬度+第二列的寬度+margin的值=父容器的寬度; b.兩列中一列設置左浮動,一列設置右浮動(這種方法僅限于兩列布局,對于多列則無效);查看全部
-
對于父元素的影響清除就是:width:100%;overflow:hidden; 對于自己臨近的清除就是:clear:both;查看全部
-
試試看這個筆記查看全部
-
設置margin-top的參考物是content此時上面的元素,設置top的參考物是其絕對定位的父元素查看全部
-
position屬性三種定位屬性:靜態定位 相對定位 絕對定位 可設置4個屬性值:static(靜態定位) relative(相對定位) absolute(絕對定位) fixed(固定定位)(絕對定位和固定定位都屬于絕對定位中)查看全部
-
代碼初始化:*{margin:0;padding:0;} 左右自動居中:#wrap{backgroung:#fff(白色)margin:0 auto;width:80%;(或者960px只要不是100%的固定值均可)} clear:both 方法清除浮動一般用于緊鄰后面的元素的清除浮動,而不能消除父元素受到的影響查看全部
-
清除浮動: 方法一:p{clear:both;} 方法二:p{width:100%;overflow:hidden;}查看全部
-
自動居中:margjin:0 auto;查看全部
-
CSS 規定的定位機制有三種,分別是標準文檔流、浮動及絕對定位。查看全部
-
不是CSS規定的定位機制是fixed定位查看全部
-
不是 CSS 規定的定位機制的查看全部
-
盒子模型的三位立體結構圖: 請詳細觀看盒子模型的立體圖片(2-2小節 07:58),從第一層到第五層依次為:border、content+padding、background-image、background-color、margin。查看全部
-
浮動布局查看全部
-
元素只要設置了絕對定位后就會脫離文檔流,寬度及長度隨著內容的增減而增減。 如果沒有為絕對定位設置偏移量,無論是否存在祖先元素,都保持再原始位置。 如果為絕對定位設置了偏移量,1.當不存在祖先元素的時候,以根節點<html>為偏移參照基準。 2.當存在祖先元素的時候,以最近的定位祖先元素為參照基準。查看全部
-
設置浮動后緊挨的后面的元素會受到影響查看全部
舉報
0/150
提交
取消