第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

網(wǎng)頁布局基礎(chǔ)

難度入門
時長 1小時30分
學(xué)習(xí)人數(shù)
綜合評分9.63
2052人評價 查看評價
9.9 內(nèi)容實用
9.6 簡潔易懂
9.4 邏輯清晰
  • 1.對頁面進行初始化:用全局選擇器將瀏覽器的默認添加上, 把內(nèi)填充、外填充都設(shè)置為0:*{padding:0;margin:0;}。 2.讓頁面自動居中:#wrap{margin:0 auto;width:960px} (上下值可任意設(shè)置,左右值必須設(shè)置為auto,寬度也必須設(shè)置,(值為除了100%的其他值),不然默認寬度會占據(jù)瀏覽器的100%)。 3. 清除浮動 父容器沒有設(shè)置浮動,而子元素都設(shè)置了浮動,就無法撐開父容器的寬度,父容易就顯示成一條直線了, 因為子級設(shè)置了浮動,因此父級元素的高度沒辦法正常擴展, 此時設(shè)置浮動后,父級元素和后面緊鄰的元素都會受到影響。 清除浮動就可以解決元素浮動帶來的影響: 但是對于父級元素受到的影響,clear:both是無效的,需用width:100%(或者固定寬度)+overflow:hidden(隱藏)的方式。 對于緊鄰后面的元素受到的影響,需用clear;both的方式。 4.div塊的高度一般不需要設(shè)置。 橫向兩列布局有兩種方式: a.兩列中均設(shè)置為左浮動:float:left, 然后再設(shè)置margin屬性值,要保證:第一列的寬度+第二列的寬度+margin的值=父容器的寬度; b.兩列中一列設(shè)置左浮動,一列設(shè)置右浮動(這種方法僅限于兩列布局,對于多列則無效);
    查看全部
    3 采集 收起 來源:編程練習(xí)

    2017-07-16

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

    2017-07-16

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

    2017-07-16

  • position屬性三種定位屬性:靜態(tài)定位 相對定位 絕對定位 可設(shè)置4個屬性值:static(靜態(tài)定位) 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 規(guī)定的定位機制有三種,分別是標(biāo)準(zhǔn)文檔流、浮動及絕對定位。
    查看全部
    0 采集 收起 來源:練習(xí)題

    2017-07-16

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

    2017-07-15

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

    2017-07-15

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

    2017-07-14

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

    2018-03-22

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

舉報

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

微信掃碼,參與3人拼團

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復(fù)購買,感謝您對慕課網(wǎng)的支持!