前端 CSS 经典

一 术语 1. 容器 采用网格布局的区域，也就是外层盒子。 2. 项目 容器包裹的一级子元素，不包含二级及其以下的子元素。当容器使用了 grid 布局，项目的 float，display 等设置都将失

1. 利用伪元素clearfix来清除浮动 2. overflow方法的使用 3. 双伪元素方法的使用

1. 标准盒模型 内容 width = css 属性 width 的大小。 盒子 width = 内容width + 2 * padding + 2 * border 。 可以通过 box-sizin

1. transition 过渡动画 给 dom 元素添加变形、变形的过程添加动画 2. animation 动画

前言：flex 是一维布局、grid 是二维布局 1. 容器属性 2. 项目属性 前言：flex 是一维布局、grid 是二维布局 1. 容器属性 2. 项目属性

1. 基础属性 2. 解释 1. 基础属性 2. 解释 1. 基础属性 2. 解释 1. 基础属性 2. 解释

1. clip 1.1 clip: auto | inherit | rect 1.2 clip: rect(top, right, bottom, left)   2. clip-path 2.1

1. 单行省略 2. 双行省略（webkit 内核） 3. 通用省略 1. 单行省略 2. 双行省略（webkit 内核） 3. 通用省略