CSS

一、基础选择器 id选择器 类选择器 标签选择器 通配符选择器 二、复合选择器 1. 后代选择器（包含选择器） 2. 子代选择器 3.并集选择器 4.交集选择器 5.伪类选择器 伪类选择器 说明 a:

盒子模型的概念 标准盒子模型：margin + border + padding + content（width + height） 1.外边距（margin）-取值 常见取值 取值 示例 含义 一个

标准流 创建标准流排版规则: 块级元素：从上往下，垂直布局，独占一行。 行内元素 或 行内块元素：从左往右，水平布局，空间不够自动折行。 浮动 作用：1.图文环绕、2.布局 属性名：float 属性值

一、transform属性 概念: Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。 语法：transform: none|transform-func

Flex布局概念： flex布局也叫弹性布局 是一种浏览器提倡的布局模型 布局网页更简单、灵活 避免浮动脱标的问题 flex布局非常适合结构化布局 设置方式：给父元素添加display：flex，子元

一、动画animation 概念：实现多个状态间的变化过程，动画过程可控（重复播放、最终动画、是否暂停） 2.构成动画的最小单位：帧或动画帧 动画分为两种模式: 2.逐帧动画: 一步一步去执行的动画,

一、iconfont 概念：iconfont是字体图标 常用字体图标库：阿里iconfont字体图标库 阿里图标库五种使用方式 Unicode引用 类名引用 伪元素引用 在线引用 symbol引用 二