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

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

如何用CSS進行網頁布局

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.60
1991人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
  • 布局實際上市塊與塊之間的關系,它們存在于三種狀態: ①塊挨著塊; ②塊嵌套著塊; ③塊壓著塊。
    查看全部
    0 采集 收起 來源:混合布局

    2016-03-20

  • 1.混合布局:我們可以把一列布局加入“左”和“右”改造為混合布局。 2.在中部mian中加入子div 分別是(左,右)。 然后分別在style中加入“.left和.right”的樣式! 3.注“left和right”都要加浮動“float” 4.還可以在混合布局下進行更復雜的混合布局 5.可以將right定義為sub_right和sub_right 分為化為更為密集的混合布局
    查看全部
    0 采集 收起 來源:混合布局

    2016-03-20

  • 三列布局:不能使用float; 左右兩列絕對定位,分別靠左和靠右,中間只需要給個左右的margin值與左右塊隔開。 2016年5月22日實驗: 其實也是可以用float的,只不過float塊的特性是:只對HTML結構上“放置在其后”的[非float正常塊]有影響,故需要把中間塊放在left和right的后面,然后設定寬、高,不要設置為float,即可!
    查看全部
    1 采集 收起 來源:三列布局

    2016-05-22

  • 兩列布局: 1、寬度自適應(用的比較少), 1.1因為寬度要自適應,所以要設置左側left的width:xx%; 1.2需要左右排列,所以設置float:left; 1.3另一側right也設置width和float(left和right都可以吧,再微調) 2、固定寬度(☆☆☆☆☆)left和right增加一個父div#main,設置這個main的width,以及margin 0 auto; 2.1如果要精確控制left和right的寬度,可以使用px【就是說也可以使用%粗略控制?!?
    查看全部
    0 采集 收起 來源:二列布局

    2016-03-20

  • 網頁布局: 又稱版式布局,是網頁UI設計師將有限的視覺元素進行有機的排列組合,將理性的思維個性的化的表現出來,是一種具有個人藝術特色的視覺傳達方式。傳達信息的同時有美感。 網頁設計特點(相對紙媒來說) 1、網頁可以自適應寬度 2、網頁的長度理論上可以無限延長
    查看全部
    0 采集 收起 來源:內容簡介

    2016-03-20

  • 三列布局用百分比和float,或者用兩邊固定中間自適應position:absolute,margin,此時按照上右下左的順序
    查看全部
    0 采集 收起 來源:三列布局

    2016-03-20

  • clear:both 是用來清除緊鄰后面元素的浮動,如前一個div左浮動了,后面的div就會與其同行,假如你不想兩個div同行顯示,想讓后面的div單獨一行,你就可以用clear:both,可看做是兄弟元素之間浮動的清除。<br> width:100%;overflow:hidden可實現浮動清除,它一般用于清除父元素和子元素之間的浮動影響。
    查看全部
    0 采集 收起 來源:實踐題

    2018-03-22

  • clear:both; //清楚浮動 總結: 單列布局用margin: 0 auto; 兩列布局用:float: left & float: right; 三列布局用: position: absolute; top:0; left:0px; right: 0px; margin-left:XXX; 混合布局: clear:both; position: relative;
    查看全部
    0 采集 收起 來源:實踐題

    2018-03-22

  • 布局實際上市塊與塊之間的關系,它們存在于三種狀態: ①塊挨著塊; ②塊嵌套著塊; ③塊壓著塊。
    查看全部
    0 采集 收起 來源:混合布局

    2016-03-19

  • position:absolute 絕對定位
    查看全部
    0 采集 收起 來源:混合布局

    2016-03-19

  • .left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0} .main{ height:600px; margin:0 310px 0 210px; background:#9CF} .right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;} margin不為0注意加單位
    查看全部
    0 采集 收起 來源:編程練習

    2016-03-19

  • 布局實際上市塊與塊之間的關系,它們存在于三種狀態: ①塊挨著塊; ②塊嵌套著塊; ③塊壓著塊。 1.混合布局:我們可以把一列布局加入“左”和“右”改造為混合布局。 2.在中部mian中加入子div 分別是(左,右)。 然后分別在style中加入“.left和.right”的樣式! 3.注“left和right”都要加浮動“float” 4.還可以在混合布局下進行更復雜的混合布局 5.可以將right定義為sub_right和sub_right 分為化為更為密集的混合布局
    查看全部
    0 采集 收起 來源:混合布局

    2016-03-19

  • float和絕對定位:absolute 可使元素脫離文檔流
    查看全部
    0 采集 收起 來源:評測題目

    2016-03-19

  • 定寬元素居中的方法Div{width:800px; height:500px; margin:0 auto},
    查看全部
    0 采集 收起 來源:練習題

    2016-03-19

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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