前端ABC字体相关属性
– font：复合属性，不推荐使用。
– color：设置字体颜色。
– font-family：设置文字字体。
– font-size：设置字体大小。
– font-size-adjust：控制不同的字体尺寸进行微调。
– font-stretch：改变文字横向的拉伸。
– font-style：设置字体风格。
– font-weight：设置字体是否加粗。
– text-decoration：控制文字是否有修饰线。
– font-variant：设置文字大写字母格式。
– text-shadow：设置文字是否有阴影效果。
– text-transform：设置文字的大小写。
– line-height：设置字体的行高。
– letter-spacing：设置字符之间的间隔。
– word-spacing：设置单词之间的间隔。
颜色表示方法
1. 颜色名表示：例如white。
2. 十六进制表示：例如#ff0000。
3. rgb函数表示：例如rgb(255,255,0)红绿蓝。
4. rgba函数表示：例如rgba(255,0,255,0.5)红绿蓝透明。
5. hsl函数表示：例如hsl(120,100%,100%)色调、饱和度、亮度。
6. hsla函数表示：例如hsla(120,100%,100%,0.5)色调、饱和度、亮度、透明度。
文本相关属性
– text-indent：设置段落文本的缩进。
– text-overflow：控制溢出文本的处理方法。
– vertical-align：设置目标元素里内容垂直对齐方式。
– text-align：设置目标元素里文本水平对齐方式。
– direction：设置文本流入方向。
– word-break：设置目标元素里文本的换行方式。(控制断词)
– word-wrap：设置目标元素里文本的换行方式。
– white-space：设置目标元素里文本对空格的处理方式。
背景相关属性
– background：复合属性，不推荐使用。
– background-attachment：设置背景图片是随内容滚动还是固定。
– background-color：设置背景颜色。
– background-image：设置背景图片。
– background-position：设置对象的背景图片位置。
– background-repeat：设置对象的背景图片是否平铺。
– background-clip：设置背景覆盖范围。
– background-origin：设置背景覆盖的起点。
– background-size：设置背景图片的大小。
边框相关属性
– border：复合属性。
– border-color：设置元素的边框颜色。
– border-style：设置元素的边框线型。
– border-width：设置元素的边框线宽。
– border-(top/left/right/bottom)：复合属性，设置对应边框样式。
– border-(top/left/right/bottom)-(color/style/width)：设置对应边框的对应样式。
– border-(top/left/right/bottom)-colors：支持渐变颜色边框。
– border-radius：设置圆角边框圆角半径。
– border-(top/left/right/bottom)-(top/left/right/bottom)-radius：设置指定角的圆角半径。
– border-image：复合属性。
– border-image-source：设置边框图片。
– border-image-slice：设置数值或百分比数值控制边框图片切割。
– border-image-width：设置图片边框宽度。
– border-image-repeat：设置边框图片覆盖方式。
补丁相关属性
– padding：同时设置多个方向的内补丁距离。
– padding-(top/left/right/bottom)：设置对应方向的内补丁距离。
– margin：同时设置多个方向的外补丁距离。
– margin-(top/left/right/bottom)：设置对应方向的外补丁距离。