CSS 知识点整理

word-break：指定在单词内怎样断行 normal：默认断行规则 break-all：对于 non-CJK (CJK 指中文/日文/韩文) 文本，可在任意字符间断行 keep-all：CJK 文

+ BMP，无损、没有压缩。通常体积较大 + GIF，无损、采用了 LZW 压缩算法。仅支持 8bit 索引色，支持动图 + PNG-8，无损、使用索引色。体积更优秀，并且支持透明度调节 + P

画一个圆，对这个圆进行裁剪 设置裁剪的第一个点是圆心 x=50%, y=50%; 第二个点是 x=0%, y=0% 第三个裁剪点是 x=100%，y=0% 连点成面，后面若还有裁剪点，裁剪都是基于前面

快速居中对齐 padding与margin（作用的对象不同） padding：给自身 margin：给外部 vw 与 % 百分比：有继承关系，继承父级，默认body vw：只与设备宽度有关 块级元素与

定义 href是Hypertext Reference的简写，表示超文本引用，指向网络资源所在位置 src是source的简写，目的是要把文件下载到html页面中去 作用结果 href 用于在当前文档

Block Formatting Context 块级格式化上下文 隔离功能的容器 里面的一些布局不会影响到外部的一些元素 浮动、定位 绝对定位脱离文档流 场景 清除浮动 组织浮动元素的覆盖 左边定宽

基础元素 display 有哪些属性？* none - 不展示 block - 块类型 inline - 行内 inline-block - 默认行内块状 list-item | table inhe

flex:1 的含义 flex-grow:0 flex-shrink:1 flex-basis:auto flex属性 flex-grow 项目的放大比例 默认为0，即如果存在剩余空间，也不放大 一个

静态定位（static） 将元素放入它在文档布局流中的正常位置 相对定位（relative） 对于自己在标准文档流中的位置，不会让元素脱离文档流 绝对定位（absolute） 不再存在于正常文档布局流

transition：平滑过渡（补间动画） 自动完成从起始状态到终止状态的的过渡 不管中间的状态 transition-property: width / all 2D 转换 transform 缩放