Skip to main content

Day09 CSS 元素的定位和浮动

课程内容​

  1. CSS 元素定位

    • 标准流布局
    • 相对定位
    • 固定定位
    • 绝对定位
    • 粘性定位
    • z-index

  2. CSS 元素浮动

    • 认识浮动
    • 浮动的规则
    • 浮动的案例
    • 清除的问题
    • 清除浮动
    • 布局方案对比

视频​

  • 01-(掌握) 布局 - 绝对定位 - 绝对定位的参考对象.mp4
  • 02-(掌握) 布局 - 绝对定位 - 增强案例子绝父绝.mp4
  • 03-(掌握) 布局-position 设置 fixed 或 abso.mp4
  • 04-(掌握) 布局-position 设置 fixed 或 abso.mp4
  • 05-(掌握) 值设置 auto 的效果总结.mp4
  • 06-(掌握) 布局 - 绝对定位练习 - 网易 item.mp4
  • 07-(掌握) 布局 - 绝对定位练习 - 网易 item02.mp4
  • 08-(掌握) 布局 - 绝对定位练习 - 网易 item03.mp
  • 09-(掌握) 布局 - 粘性定位-sticky 的使用.mp4
  • 10-(掌握) 布局 - 定位元素的 z-index 设置.mp4
  • 11-(理解) 布局 - 浮动 - 认识浮动.mp4
  • 12-(掌握) 布局 - 浮动 - 浮动的常见规则.mp4
  • 13-(掌握) 布局 - 浮动 - 行内元素的间隙处理.mp4
  • 14-(掌握) 布局 - 浮动 - 案例 01-百度页码展示.mp4
  • 15-(掌握) 布局 - 浮动 - 案例 02-京东商品布局 01.mp4
  • 16-(掌握) 内容回顾和作业布置.mp4

笔记​