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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
  • 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.兩列中一列設置左浮動,一列設置右浮動(這種方法僅限于兩列布局,對于多列則無效);
    查看全部
    3 采集 收起 來源:編程練習

    2017-07-16

  • 對于父元素的影響清除就是:width:100%;overflow:hidden; 對于自己臨近的清除就是:clear:both;
    查看全部
    1 采集 收起 來源:編程練習

    2017-07-16

  • 試試看這個筆記
    查看全部
  • 設置margin-top的參考物是content此時上面的元素,設置top的參考物是其絕對定位的父元素
    查看全部
    0 采集 收起 來源:編程練習

    2017-07-16

  • position屬性三種定位屬性:靜態定位 相對定位 絕對定位 可設置4個屬性值:static(靜態定位) relative(相對定位) absolute(絕對定位) fixed(固定定位)(絕對定位和固定定位都屬于絕對定位中)
    查看全部
  • 代碼初始化:*{margin:0;padding:0;} 左右自動居中:#wrap{backgroung:#fff(白色)margin:0 auto;width:80%;(或者960px只要不是100%的固定值均可)} clear:both 方法清除浮動一般用于緊鄰后面的元素的清除浮動,而不能消除父元素受到的影響
    查看全部
    1 采集 收起 來源:橫向兩列布局

    2017-07-16

  • 清除浮動: 方法一:p{clear:both;} 方法二:p{width:100%;overflow:hidden;}
    查看全部
  • 自動居中:margjin:0 auto;
    查看全部
  • CSS 規定的定位機制有三種,分別是標準文檔流、浮動及絕對定位。
    查看全部
    0 采集 收起 來源:練習題

    2017-07-16

  • 不是CSS規定的定位機制是fixed定位
    查看全部
    0 采集 收起 來源:練習題

    2017-07-15

  • 不是 CSS 規定的定位機制的
    查看全部
    0 采集 收起 來源:練習題

    2017-07-15

  • 盒子模型的三位立體結構圖: 請詳細觀看盒子模型的立體圖片(2-2小節 07:58),從第一層到第五層依次為:border、content+padding、background-image、background-color、margin。
    查看全部
    0 采集 收起 來源:練習題

    2017-07-14

  • 浮動布局
    查看全部
  • 元素只要設置了絕對定位后就會脫離文檔流,寬度及長度隨著內容的增減而增減。 如果沒有為絕對定位設置偏移量,無論是否存在祖先元素,都保持再原始位置。 如果為絕對定位設置了偏移量,1.當不存在祖先元素的時候,以根節點<html>為偏移參照基準。 2.當存在祖先元素的時候,以最近的定位祖先元素為參照基準。
    查看全部
    1 采集 收起 來源:絕對定位

    2018-03-22

  • 設置浮動后緊挨的后面的元素會受到影響
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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