布局
说法一
浮动布局
绝对定位布局
Flex布局
Table-cell表格布局
网格布局
说法二
静态布局
流式布局
自适应布局
弹性布局
https://www.cnblogs.com/mm152534/p/9429939.html
常用特殊符号
空格：
大于号：>：>
小于号：<：<
https://blog.csdn.net/grootbaby/article/details/82790742
Input表单属性
https://www.w3school.com.cn/tags/tag_input.asp
定位方式
值描述
absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed生成绝对定位的元素，相对于浏览器窗口进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative生成相对定位的元素，相对于其正常位置进行定位。
因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
static默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left,
right 或者 z-index 声明）。
inherit规定应该从父元素继承 position 属性的值。
https://www.w3school.com.cn/cssref/pr_class_position.asp
选择器及其优先级
层叠优先级是:
浏览器缺省 < 外部样式表 < 内部样式表 < 内联样式
其中样式表又有:
类选择器 < 类派生选择器 < ID选择器 < ID派生选择器
派生选择器以前叫上下文选择器，所以完整的层叠优先级是:
浏览器缺省 < 外部样式表 < 外部样式表类选择器 < 外部样式表类派生选择器 < 外部样式表ID选择器 < 外部样式表ID派生选择器 < 内部样式表 < 内部样式表类选择器 < 内部样式表类派生选择器 < 内部样式表ID选择器 < 内部样式表ID派生选择器 < 内联样式...共12个优先级
https://blog.csdn.net/u598975767/article/details/51505164
清除浮动的方式
对父级设置适合CSS高度
对父级设置适合CSS高度
父级div定义 overflow:hidden
http://www.divcss5.com/jiqiao/j406.shtml
动画属性
animation:namedurationtiming-functiondelayiteration-countdirection;
值描述
animation-name规定需要绑定到选择器的 keyframe 名称。。
animation-duration规定完成动画所花费的时间，以秒或毫秒计。
animation-timing-function规定动画的速度曲线。
animation-delay规定在动画开始之前的延迟。
animation-iteration-count规定动画应该播放的次数。
animation-direction规定是否应该轮流反向播放动画。
https://www.w3school.com.cn/cssref/pr_animation.asp
animation-timing-function 使用名为三次贝塞尔（Cubic Bezier）函数的数学函数，来生成速度曲线。您能够在该函数中使用自己的值，也可以预定义的值：
值描述
linear动画从头到尾的速度是相同的。
ease默认。动画以低速开始，然后加快，在结束前变慢。
ease-in动画以低速开始。
ease-out动画以低速结束。
ease-in-out动画以低速开始和结束。
cubic-bezier(n,n,n,n)在 cubic-bezier 函数中自己的值。可能的值是从 0 到 1 的数值。
https://www.w3school.com.cn/cssref/pr_animation-timing-function.asp
animation-iteration-count:n|infinite;
值描述
n定义动画播放次数的数值。
infinite规定动画应该无限次播放。
animation-direction:normal|alternate;
值描述
normal默认值。动画应该正常播放。
alternate动画应该轮流反向播放。
行级元素和块级元素
行内元素：