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

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

如何用CSS進行網頁布局

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.60
1991人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
  • 讓元素脫離文檔流:浮動(float)和絕對定位(position:absolute) 文檔流:將窗體自上而下分成一行行, 并在每行中按從左至右的順序排放元素,即為文檔流.(自己的理解是從頭到尾按照文檔的順序,該在什么位置就在什么位置,也可以按照上面的意思理解,自上而下,自左到右的順序)
    查看全部
    0 采集 收起 來源:評測題目

    2015-02-24

  • 網頁設計特點(相對紙媒來說) 1、網頁可以自適應寬度 2、網頁的長度理論上可以無限延長
    查看全部
    0 采集 收起 來源:內容簡介

    2015-02-24

  • 自適應高度和寬度
    查看全部
    0 采集 收起 來源:編程挑戰

    2015-02-24

  • 清除默認樣式: body{margin:0;padding:0}
    查看全部
    0 采集 收起 來源:二列布局

    2015-02-20

  • 總結: 脫離文檔流,也就是將元素從普通的布局排版中拿走,其他盒子在定位的時候,會當做脫離文檔流的元素不存在而進行定位。需要注意的是,使用float脫離文檔流時,其他盒子會無視這個元素,但其他盒子內的文本依然會為這個元素讓出位置,環繞在周圍。而對于使用absolute positioning脫離文檔流的元素,其他盒子與其他盒子內的文本都會無視它。
    查看全部
    0 采集 收起 來源:評測題目

    2015-02-17

  • A floated box is laid out according to the normal flow, then taken out of the flow and shifted to the left or right as far as possible. Content can flow down the right side of a left-floated box and down the left side of a right-floated box
    查看全部
    0 采集 收起 來源:評測題目

    2015-02-17

  • 一列布局 一般都是單行文本 固定寬度
    查看全部
    0 采集 收起 來源:一列布局

    2015-02-17

  • 中間如果要實現空隙效果 注意是在margin值的原值上加值
    查看全部
    0 采集 收起 來源:三列布局

    2015-02-09

  • .footer{ height:50px; background:#9F9; clear:both;} float會對其之后的元素產生影響,用clear:both;清除浮動影響, 其實正經的清除浮動請看 http://www.cnblogs.com/hongru/archive/2010/10/06/1844855.html
    查看全部
    0 采集 收起 來源:實踐題

    2015-02-08

  • position:absolute絕對定位 三列布局,兩邊寬度固定,中間自動適應,浮動不行,采用定位的方式 三列布局:左側和右側固定,中間自適應: 左側{position:absolute;left:0;top:0} 右側{position:absolute;top:0;right:0} 中間{margin-left:100px;margin-right:100px;}
    查看全部
    0 采集 收起 來源:三列布局

    2015-02-08

  • 三列布局,兩邊寬度固定,中間自動適應,浮動不行,采用定位的方式 三列布局:左側和右側固定,中間自適應: 左側{position:absolute;left:0;top:0} 右側{position:absolute;top:0;right:0} 中間{margin-left:100px;margin-right:100px;}
    查看全部
    0 采集 收起 來源:三列布局

    2015-02-04

  • 三列布局:左右固定寬度值,中間自適應。此時不能浮動布局,應該使用絕對定位 .left{position:absolute;left:0'top:0} .right{position:absolute;right:0;top:0} .middle{margin值} 單列布局:居中顯示:margin:0 auto; 二列布局:float:left;float:right; 三列布局:每一個寬度為33.3%,中間的也要寫float:left;或者用絕對定位position:absolute,=
    查看全部
    0 采集 收起 來源:三列布局

    2015-02-03

  • 下面哪兩個css設置,可以讓元素脫離文檔流:浮動(float)和 絕對定位(position:absolute)
    查看全部
    0 采集 收起 來源:評測題目

    2015-02-03

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

    2015-02-03

  • 自適應寬度和固定寬度
    查看全部
    0 采集 收起 來源:二列布局

    2015-02-02

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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