字体属性和文本属性总结

一、字体属性

1、字体

font-family:"微软雅黑","宋体",...; 

设置字体，先找微软雅黑，运行电脑上没有这个字体再去找宋体，以此类推

2、字体大小

font-size:20px;

像素单位：px，ex，rem

px：绝对单位，一旦设置了值，不管网页如何变化始终如一

em：相对单位，当前某块区域的字体大小，比如给p标签设置了字体大小20px，那么1em=20px，2em=40px，相对的换算，对应的em会随着设置的px变化

rem：相对单位，主要应用于移动端

3、字体颜色

color:red;

颜色表示法：

单词表示法：red green yellow purple blue

rgb()表示法

rgba()  a：alpha表示透明度

十六进制表示法：#ff6700

4、字体样式

font-style:italic;

有两个属性：normal默认的字体，italic表示斜体

5、字体粗细

font-weight:bold;

属性有两种表示方式：

单词：bold表示粗的字体

数值范围：100-900，其中400表示默认的字体粗细

 

---

 

二、文本属性

1、文本修饰

text-decoration:underline;

有4种属性：

underline：下划线

none：无线

overline：上划线

line-through：删除线

2、文本缩进

text-indent:2em;

属性单位建议使用em，如上表示文本首行空两格，能根据字体大小自动适应调整

3、行高

line-height:

行与行之间的距离

属性单位有：px，em，rem

4、中文字间距/英文单词间距

letter-sapacing:

word-spacing:

5、文本对齐方式

text-align:center;

有三种属性：

left：左对齐

right：右对齐

center：中间对齐，使用最多