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

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

如何用CSS進行網頁布局

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.60
1991人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
  • 1.混合布局:我們可以把一列布局加入“左”和“右”改造為混合布局。 2.在中部mian中加入子div 分別是(左,右)。 然后分別在style中加入“.left和.right”的樣式! 3.注“left和right”都要加浮動“float” 4.還可以在混合布局下進行更復雜的混合布局 5.可以將right定義為sub_right和sub_right 分為化為更為密集的混合布局
    查看全部
    1 采集 收起 來源:混合布局

    2015-09-07

  • 三列布局編程練習
    查看全部
    0 采集 收起 來源:編程練習

    2015-09-07

  • 兼容IE6不能用浮動,而且當子元素要設定為absolute的時候,父元素要設定relative才可以。 要右側自適應,則左側應該定寬并且position:absolute。 加載順序先右后左div的順序為先右后左
    查看全部
    0 采集 收起 來源:編程挑戰

    2015-09-06

  • 三列布局:兩邊固定寬度中間自適應: 兩邊設置寬度、絕對定位,中間設置左右外邊距。
    查看全部
    0 采集 收起 來源:三列布局

    2015-09-06

  • 文檔流:將窗口自上而下分成一行一行,并在每行中按從左至右的依次排放元素,即為文檔流。 有三種情況使得元素離開文檔流而存在,分別是浮動 絕對布局 固定定位
    查看全部
    0 采集 收起 來源:評測題目

    2015-09-06

  • 兩個塊狀元素本顯示獨占兩行, 第一個設置了浮動會對緊鄰的第二個元素產生影響, 這時需要清除浮動,清除浮動是為受到影響的元素設置, 兩種方式: 1、clear:both;clear:left;clear:right; 2、width:100%;overflow:hidden;
    查看全部
    0 采集 收起 來源:實踐題

    2015-09-05

  • 網頁中的三種關系 1、塊挨著塊 2、塊嵌套著塊 3、塊疊壓著塊
    查看全部
    0 采集 收起 來源:混合布局

    2015-09-05

  • 左右列固定寬度,中間列自適應。 左側絕對定位:position:absolute;left:0;top:0; 右側絕對定位:position:absolute;right:0;top:0; 中間寬度定義auto,定位:margin值:margin:0 10px 0 10px; 上右下左
    查看全部
    0 采集 收起 來源:編程練習

    2015-09-05

  • 文檔流:將窗體自上而下分成一行行, 并在每行中按從左至右的順序排放元素,即為文檔流. 浮動(float)和 絕對定位(position:absolute)-->脫離文檔流 脫離文檔流,也就是將元素從普通的布局排版中拿走,其他盒子在定位的時候,會當做脫離文檔流的元素不存在而進行定位。需要注意的是,使用float脫離文檔流時,其他盒子會無視這個元素,但其他盒子內的文本依然會為這個元素讓出位置,環繞在周圍。而對于使用position:absolute脫離文檔流的元素,其他盒子與其他盒子內的文本都會無視它。
    查看全部
    0 采集 收起 來源:評測題目

    2018-03-22

  • Div{width:800px; height:500px; margin:0 auto},上面這段樣式,可以讓 div 在頁面:居中對齊
    查看全部
    0 采集 收起 來源:練習題

    2015-09-05

  • div是塊元素,如果沒有position或float控制的話會自動換行 這道題說的是右邊寬度自適應,所以不應用float 應該用position:absolute;定位左邊
    查看全部
    0 采集 收起 來源:編程挑戰

    2015-09-05

  • 兼容IE6不能用浮動,而且當子元素要設定為absolute的時候,父元素要設定relative才可以。 要右側自適應,則左側應該定寬并且position:absolute。 加載順序先右后左div的順序為先右后左
    查看全部
    0 采集 收起 來源:編程挑戰

    2015-09-05

  • clear:both 清除浮動,這個需要再理解
    查看全部
    0 采集 收起 來源:實踐題

    2015-09-05

  • 三列布局: position:absolut;left:0;top:0; margine:0px 200px 0px 300px; position:absolut;right:0;top:0;
    查看全部
    0 采集 收起 來源:三列布局

    2015-09-05

  • 混合布局
    查看全部
    0 采集 收起 來源:編程挑戰

    2015-09-05

舉報

0/150
提交
取消
課程須知
1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗
老師告訴你能學到什么?
1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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