亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
  • 請詳細觀看盒子模型的立體圖片(2-2小節 07:58),從第一層到第五層依次為:border、content+padding、background-image、background-color、margin。
    查看全部
    0 采集 收起 來源:練習題

    2017-07-22

  • 其實#mainbody和#footer沒必要設置width:100%,因為塊級元素的特性就是不設置寬度自動拓展到父元素或者是容器的寬度,任務二不填也可以達到同樣的效果,并且減小了代碼量
    查看全部
  • 自動居中一列布局需要設置 margin 左右值設置為 auto,而且一定要設置width為一個定值 如果寬度定義為100%,就占滿整個橫向屏幕了,就沒有居中的意義了。
    查看全部
    0 采集 收起 來源:練習題

    2017-07-21

  • 從第一層到第五層依次為:border、content+padding、background-image、background-color、margin。
    查看全部
    0 采集 收起 來源:練習題

    2017-07-21

  • 自動居中: 標準文檔流、margin屬性、塊級元素 margin:0 auto;自動實現瀏覽器的寬度,從而居中 若設置了浮動或絕對定位則此屬性無效
    查看全部
  • CSS 規定的定位機制有三種,分別是標準文檔流、浮動及絕對定位。
    查看全部
    0 采集 收起 來源:練習題

    2017-07-21

  • 外邊距(margin)、內邊距(padding)、邊框(border)
    查看全部
    0 采集 收起 來源:盒子模型

    2017-07-21

  • 盒子3D模型
    查看全部
    0 采集 收起 來源:盒子模型

    2017-07-21

  • css中position屬性有四種:static(正常文檔流)、relative(相對定位)、absoulute(絕對定位)、fixed(固定定位)。 定位機制大體上分三種:流、浮動、層。 三大類:盒子模型,流模型,層模型; 流模型:標準文檔流、浮動流; 層模型:相對、絕對、固定、正常; 絕對定位 與 浮動流 會將元素變為inline-block
    查看全部
    0 采集 收起 來源:練習題

    2017-07-21

  • 偏移參照基準
    查看全部
    0 采集 收起 來源:絕對定位

    2017-07-20

  • 清除浮動:clear:both/left/right 設置width:100%+overflow:hidden;
    查看全部
  • 父類元素清除浮動 {weight:100% overflow:hidden;} 緊鄰其后元素清除浮動 {clear:both}
    查看全部
    0 采集 收起 來源:橫向兩列布局

    2017-07-20

  • 頁面樣式初始化 *{margin:0;padding:0;}
    查看全部
    0 采集 收起 來源:橫向兩列布局

    2017-07-20

  • 當元素設置為絕對定位后,元素也會 多出兩類屬性:偏移量屬性 和 Z-index屬性 不同的是: 1.該元素已經脫離了標準文檔流(不占位) 2.建立的定位基準不是該元素的原來位置,而是分兩種情況 2.1:沒有設置偏移量:無論是否存在已定位的祖先元素,都保持在元素初始位置,脫離文檔流,寬度塌陷(隨內容變化而變化) 2.2:設置了偏移量:又分兩種情況(A.無已定位的祖先元素 B.有已定位的祖先元素) A.無已定位的祖先元素:它會以根節點(<html>)為偏移參照基準 B.有已定位的祖先元素:它會以距其最近的已定位祖先元素為偏移參照基準 絕對定位不在文檔流中(不會占位置,寬度及長度顯示隨內容增減而增減
    查看全部
    0 采集 收起 來源:絕對定位

    2018-03-22

  • CSS的三種定位機制:標準文檔流、浮動、絕對定位
    查看全部

舉報

0/150
提交
取消
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!