唏哩呼噜睡大觉

1.0 盒模型的组成 css会把所有html元素看成一个盒子 盒子由4部分组成： 外边距：margin 边框：border 内边距：padding 内容：content 盒子的大小: 内容 + pad

1.0 元素的显示模式 1.1 块元素 div独占一行，不与任意元素共使用一行 默认宽度：跟父容器一样宽 默认高度：由内容撑开 常见的块元素：div, p, ul, li, section, h1,

1.0 margin塌陷研究 当第一个子盒子作用在父盒子上，会形成高度的塌陷，使其脱离标准流。 解决margin塌陷问题方式： 给父元素加上 overflow:hidden 给父元素加上 border

1. 创建grid网格布局 含义：由纵横相交的两组网格线形成的框架性布局结构。 语法： display：grid; 在声明了一个 grid 容器之后，我们会发现，项目全部具备了块级元素的特征，默认一行

在开发当中，大多数人在写移动端的小图都是直接用 阿里的iconfont 引入；比如手机上的WiFi图标，电量，信号格等，那么怎么去实现呢？ 我们拿一个 WiFi 图标为例， 只需要用到css里面的几个

1. 浏览器私有前缀 W3C标准所提出的某个css特性，在被浏览器正式支持之前，浏览器厂商会根据浏览器不同的内核，使用私有前缀来测试css特性。在浏览器正式支持该css特性后，就不用再加了。 Chro

1. 图片原点  背景图默认填充的区域是 padding 及 content 区域，我们把左上角的padding起点叫做图片的原点。 图片填充整个盒子 图片是否换行 设置背景图的原点为padding区

1.0 基本选择器 1.1 通配符选择器: * {} 匹配所有的HTML元素，通常用来初始化样式，设置margin和padding为0 需求：将三个元素同时改为红色 1.2 元素选择器 为页面中的某种