固定尺寸、绝对尺寸
px
em 当前标签字体大小的倍数
rem 根元素字体大小的倍数 html
% 包含块尺寸大小的百分率（包含块宽度，除了高度）
常规流盒子水平方向上的尺寸，必须等于包含块的的宽度
如果不行，则强行将margin-right设置为auto
2个正值取最大 2个负值取最小 一正一负相加
相对位置 relative 移动之后其所占的位置不会改变 （常规流）
不同的BFC区域进行渲染互不干扰。
创建BFC 它的自动高度需要计算浮动元素。
创建BFC 它的边框盒不会与浮动元素重叠。
创建BFC 不会和它的子元素进行外边距合并。
过渡：让一个元素从一个状态变化到另一个状态的过程，展示到页面中。
（不支持display的效果。） 尺寸 颜色 透明度
transition-property 你想过渡的某一个属性。
transition-duration 设置过渡变化的时间。
transition-timing-function 设置过渡的变换方式
取值：ease（默认）匀速
ease-in 由慢到快
ease-out 由快到慢
ease-in-out 由慢到快，再到慢
linear 线性
transition-delay 过渡的延迟 设置一个过渡什么时候开始或者结束。
scale 缩放
取值
0-1是缩小
1以上是放大（不会影响布局但是会覆盖标签）
skew倾斜
取值（角度deg）：
正值：逆时针倾斜
负值：顺时针倾斜
rotate旋转（角度deg）：
rotateZ： 默认旋转z轴
rotateX：旋转轴线为X轴水平方向
rotateY：旋转轴线为Y轴垂直方向
translate
取值：
第1个值是X轴偏移量（正向右，负向左）
第2个值是Y轴偏移量（正向下，负向上）
注：2个值之间的分隔符是逗号
再注：只要给小括号内多个值，分隔符都是逗号。
例如：transform：translate（100px，100px）；
transform-origin:原点的设置（改变旋转的中心点）
第1个值是X轴偏移量（正向右，负向左）
第2个值是Y轴偏移量（正向下，负向上）
注：2个值之间的分隔符是空格，2个值也可以给方向值。
对某些标签进行定位 浮动会自动变成块盒。display值 自动变成block
字体引用
@font-face{
?
font-family:"id"
?
src:url{"字体地址"}
?
}
p{
font-family:"id"
}
font-family 规定字体的名称。
src必需。定义字体文件的 URL。
font-stretch 可选。定义如何拉伸字体。默认是 "normal"。
font-style 可选。定义字体的样式。默认是 "normal"。
斜体italic
font-weight 可选。定义字体的粗细。默认是 "normal"。
unicode-range可选。定义字体支持的 UNICODE 字符范围。默认是 "U+0-10FFFF"。
font-variant 以小型大写字体或者正常字体显示文本。
font-size 指定文本的字体大小
text-indent:32px 或者2em (因为一个单词大小默认16px)
text-decoration: 给文本加上一条线条如下划线 上划线 删除线
取值：
| 值 | 描述 |
|---|---|
| none | 默认。定义标准的文本。 |
| underline | 定义文本下的一条线。 |
| overline | 定义文本上的一条线。 |
| line-through | 定义穿过文本下的一条线。 |
| blink | 定义闪烁的文本。 |
| inherit | 规定应该从父元素继承 text-decoration 属性的值。 |
设置文本阴影
text-shadow：0px 0px 10px rgb（0，0，0）
第一个值是x轴的偏移量
第二个值是y轴的偏移量
第三个值是阴影范围
第四个值是颜色
文本的对齐方式 图片音频也能对齐
text-align：left（默认左对齐）
文本变形
text-tramsform：capitalize
text-tramsform：uppercase
text-tramsform：lowercase
text-tramsform：none
capitalize 首个字母变大
uppercase 大写字母
lowercase 小写字母
原文：https://www.cnblogs.com/kuku0/p/13021867.html