【b站自学】【初学者】学习前端开发的第三周【日更】

周一：

1. 注意事项
   ①li块级元素变成一行，用浮动
   ②子盒子可以比父盒子大
   将一行宽度改成包含最右侧margin 的数值
   ③ 没有高度的盒子浮动之后，需要清除浮动
   ④自定义列表 dl dt dd

2. chrome 调试工具
   f12键
   调节大小
   ctrl+g 快速定位行数
   2.1 常见错误
   单词被划掉
   element style 是空的 名称错的
   颜色判断盒子

3. 定位 例子：轮播图
   css 三种机制 普通流 浮动 定位
   3.1 为什么学定位
   盒子定在某一个位置 自由的漂浮在其他盒子之上
   标准流最底层 浮动在中层 定位的盒子在天空中

4. 定位的详解
   定位=定位模式+边偏移
   4.1 边偏移
   top 相对于其父元素上边线的距离
   bottom
   left
   right
   4.2 定位模式 position
   选择器{
   position：属性值
   }
   static 静态定位
   relative 相对定位
   absolute 绝对定位
   fixed 固定定位
   先告诉模式 再加边偏移
   ①static
   相当于无定位 按照标准流特性摆放 没有边偏移
   ②relative 相对于自己原来位置移动 （自恋型）
   特性：