-
請詳細觀看盒子模型的立體圖片(2-2小節 07:58),從第一層到第五層依次為:border、content+padding、background-image、background-color、margin。查看全部
-
其實#mainbody和#footer沒必要設置width:100%,因為塊級元素的特性就是不設置寬度自動拓展到父元素或者是容器的寬度,任務二不填也可以達到同樣的效果,并且減小了代碼量查看全部
-
自動居中一列布局需要設置 margin 左右值設置為 auto,而且一定要設置width為一個定值 如果寬度定義為100%,就占滿整個橫向屏幕了,就沒有居中的意義了。查看全部
-
從第一層到第五層依次為:border、content+padding、background-image、background-color、margin。查看全部
-
自動居中: 標準文檔流、margin屬性、塊級元素 margin:0 auto;自動實現瀏覽器的寬度,從而居中 若設置了浮動或絕對定位則此屬性無效查看全部
-
CSS 規定的定位機制有三種,分別是標準文檔流、浮動及絕對定位。查看全部
-
外邊距(margin)、內邊距(padding)、邊框(border)查看全部
-
盒子3D模型查看全部
-
css中position屬性有四種:static(正常文檔流)、relative(相對定位)、absoulute(絕對定位)、fixed(固定定位)。 定位機制大體上分三種:流、浮動、層。 三大類:盒子模型,流模型,層模型; 流模型:標準文檔流、浮動流; 層模型:相對、絕對、固定、正常; 絕對定位 與 浮動流 會將元素變為inline-block查看全部
-
偏移參照基準查看全部
-
清除浮動:clear:both/left/right 設置width:100%+overflow:hidden;查看全部
-
父類元素清除浮動 {weight:100% overflow:hidden;} 緊鄰其后元素清除浮動 {clear:both}查看全部
-
頁面樣式初始化 *{margin:0;padding:0;}查看全部
-
當元素設置為絕對定位后,元素也會 多出兩類屬性:偏移量屬性 和 Z-index屬性 不同的是: 1.該元素已經脫離了標準文檔流(不占位) 2.建立的定位基準不是該元素的原來位置,而是分兩種情況 2.1:沒有設置偏移量:無論是否存在已定位的祖先元素,都保持在元素初始位置,脫離文檔流,寬度塌陷(隨內容變化而變化) 2.2:設置了偏移量:又分兩種情況(A.無已定位的祖先元素 B.有已定位的祖先元素) A.無已定位的祖先元素:它會以根節點(<html>)為偏移參照基準 B.有已定位的祖先元素:它會以距其最近的已定位祖先元素為偏移參照基準 絕對定位不在文檔流中(不會占位置,寬度及長度顯示隨內容增減而增減查看全部
-
CSS的三種定位機制:標準文檔流、浮動、絕對定位查看全部
舉報
0/150
提交
取消