摘要：定位 1.1 为什么需要定位 有许多布局效果，标准流或浮动都无法快速实现，此时需要定位来实现。 浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。 1.2 定位组成 定位：将盒子定在某一个位置 阅读全文

摘要：浮动 1. 传统网页布局的三种方式 网页布局的本质——用css来摆放盒子。把盒子摆放到相应位置。 css提供了三种传统布局方式： 普通流（标准流） 浮动 定位 实际开发中，一个页面基本都包含了这三种布局方式（后面移动端学习新的布局方式）。 2. 标准流（普通流/文档流） 标签按照规定好默认方式排序即 阅读全文

摘要：开头记录一个小知识点：去掉li前面的项目符号（小圆点） list-style: none; CSS的三个特性 1.层叠性 相同选择器设置相同的样式，此时一个样式会覆盖另一个冲突的样式。层叠性主要解决此类问题。 层叠性原则： 样式冲突时遵循就近原则，执行离结构近的样式 样式不冲突不会层叠 <style 阅读全文