1.字体
font-size：字体的大小
font-family：控制字体类型。
可以设置多个字体，按照从左到右的顺序逐个查找，找到就用，没有找到就使用后面
的，且通常在最后写上 serif （衬线字体）或 sans-serif （非衬线字体）。
font-style：字体是否为斜体
常用值：
- normal ：正常（默认值）
- italic ：斜体（使用字体自带的斜体效果）
- oblique ：斜体（强制倾斜产生的斜体效果）
实现斜体时，更推荐使用 italic 。
font-weight：控制字体的粗细。
- lighter ：细
- normal ： 正常
- bold ：粗
- bolder ：很粗 （多数字体不支持）
字体复合写法
属性名： font ，可以把上述字体样式合并成一个属性。
作用：将上述所有字体相关的属性复合在一起编写。
编写规则：
- 字体大小、字体族必须都写上。
- 字体族必须是最后一位、字体大小必须是倒数第二位。
- 各个属性间用空格隔开。
实际开发中更推荐复合写法，但这也不是绝对的，比如只想设置字体大小，那就直接用 font-
size 属性
2.文本
color：
- 颜色名
- rgb 或 rgba
- HEX 或 HEXA （十六进制）
- HSL 或 HSLA
开发中常用的是： rgb/rgba 或 HEX/HEXA （十六进制）。
间距：
字母间距： letter-spacing
单词间距： word-spacing （通过空格识别词，每个中文算一个letter）
属性值为像素（ px ），正值让间距增大，负值让间距缩小。
text-decoration:控制文本的各种装饰线。
可选值：
- none ： 无装饰线（常用）
- underline ：下划线（常用）
- overline ： 上划线
- line-through ： 删除线
可搭配如下值使用：
- dotted ：虚线
- wavy ：波浪线
- 也可以指定颜色
text-indent：文本缩进
作用：控制文本首字母的缩进。
属性值： css 中的长度单位，例如： px
text-align：控制文本的水平对齐方式。
常用值：
- left ：左对齐（默认值）
- right ：右对齐
- center ：居中对齐
line-height：制一行文字的高度。
可选值：
- normal ：由浏览器根据文字大小决定的一个默认值。
- 像素( px )。
- 数字：参考自身 font-size 的倍数（很常用）。
- 百分比：参考自身 font-size 的百分比。
注 ：
- line-height 过小会怎样？—— 文字产生重叠，且最小值是 0 ，不能为负数。
- line-height 是可以继承的，且为了能更好的呈现文字，最好写数值。
- line-height 和 height 是什么关系？
设置了 height ，那么高度就是 height 的值。
不设置 height 的时候，会根据 line-height 计算高度
文本对齐_垂直
- 顶部：无需任何属性，在垂直方向上，默认就是顶部对齐。
- 居中：对于单行文字，让 height = line-height 即可。
问题：多行文字垂直居中怎么办？—— 后面我们用定位去做。
3底部：对于单行文字，目前一个临时的方式：
让 line-height = ( height × 2 ) - font-size - x 。
备注： x 是根据字体族，动态决定的一个值。
问题：垂直方向上的底部对齐，更好的解决办法是什么？—— 后面我们用定位去做。
vertical-align :垂直对齐方式
用于指定同一行元素之间，或 表格单元格内文字的垂直对齐方式。
常用值：
- baseline （默认值）：使元素的基线与父元素的基线对齐。
- top ：使元素的顶部与其所在行的顶部对齐。
- middle ：使元素的中部与父元素的基线加上父元素字母 x 的一半对齐。
- bottom ：使元素的底部与其所在行的底部对齐。
特别注意： vertical-align 不能控制块元素，只能控制父级元素里的子元素
3.列表属性
4.表格属性
4.1边框属性
注意：
- 以上 4 个边框相关的属性，其他元素也可以用，这是我们第一次遇见它们。
4.2表格属性
5.背景属性
6.鼠标属性
License
本文采用 署名-非商业性使用-相同方式共享 4.0 国际 许可协议，转载请注明出处。
Share
