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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
  • css中的三種定位機制 1.標準文檔流(normal flow) 2.浮動(floats) 3.絕對定位(Absolute positioning)
    查看全部
  • 自動居中一列布局:需要設置 margin 左右值設置為 auto,上下 margin 不用設置為 auto, 而且一定要設置width為一個定值。width:100%; 是不可以的,width一定要設置為一個不為 100% 的值,如:width:80%; 。
    查看全部
    0 采集 收起 來源:練習題

    2017-06-30

  • CSS 規定的定位機制有三種,分別是標準文檔流、浮動及絕對定位
    查看全部
    0 采集 收起 來源:練習題

    2017-06-30

  • mainbody為什么會消失?
    查看全部
    0 采集 收起 來源:橫向兩列布局

    2017-06-29

  • 相對定位特點:1、相對于自身原有位置進行偏移 2、仍處于標準文檔流中 3、隨即擁有偏移量屬性和1-indent屬性 z-indent空間的層堆疊(默認處于x/y軸)
    查看全部
    0 采集 收起 來源:相對定位

    2017-06-29

  • 絕對定位布局:通過設置position屬性實現 position屬性:靜態定位、相對定位、絕對定位 可設置4個屬性值: static(靜態定位) reative(相對定位) absolute(絕對定位)和fixed(固定定位)都術語絕對定位
    查看全部
  • 橫向兩列布局 float屬性--使縱向排列的塊級元素,橫向排列 margin屬性--設置兩列之間的間距 clear:both;是對緊連后面的元素有用 div高度一般不需要設置
    查看全部
    0 采集 收起 來源:橫向兩列布局

    2017-06-29

  • div的高度一般不需要設置
    查看全部
    0 采集 收起 來源:橫向兩列布局

    2017-06-29

  • clear:both 方法一般用于緊鄰后面的元素的清除浮動
    查看全部
    0 采集 收起 來源:橫向兩列布局

    2017-06-29

  • 父包含塊縮稱一條處理
    查看全部
    0 采集 收起 來源:橫向兩列布局

    2017-06-28

  • 清除浮動的常言方法 clear屬性--常用clear:both; clear:;eft; 或者clear:right; 同事設置width:100%(或者固定寬度)+overflow:hidden(隱藏); 清除浮動要放在對收到浮動影響的元素內
    查看全部
  • 只設置width:100%; 沒有作用
    查看全部
  • 浮動布局能夠實現橫向多列布局 通過設置float屬性實現 float屬性值:左浮動,右浮動,不浮動 特點:元素會左移,或右移,直至觸碰到容器為止 設置了浮動的元素,仍舊處于標準文檔流中
    查看全部
  • 自動居中-列布局三個技能點: 標準文檔流、margin屬性、塊級元素 margin:0 auto;自動實現瀏覽器的寬度,從而居中 若設置了浮動或絕對定位則此屬性無效果
    查看全部
  • 盒子模型由四個部分組成: 邊框(bording)、外邊距(margin)、內邊距(padding)、盒子內容(content) 遵循上右下左順序設置 三個屬性值:上、左右、下 兩個屬性值:上下、左右 一個屬性值:四個屬性值相同 就近原則:行內樣式>內部樣式>外部樣式 盒子3D模型:border content+padding background-image background-color margin
    查看全部
    0 采集 收起 來源:盒子模型

    2018-03-22

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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