一、文本相关属性
1.字体
（1）字体设置
在HTML中，字体通过<font face="字体名称">来设置。在CSS中字体通过font-family属性来控制，里面可以放多个字体名称，该设置是告诉浏览器，首先找第一个字体类型显示，如果找不到，用第二个，以此类推，直到最后一个，如果再找不到，就采用默认。
（2）文字大小
CSS采用font-size的方法来显示字体大小，该属性的值可以采用多种长度单位。
px：相对单位，表示浏览器上1个像素的大小。因此，不同浏览器会有不同的显示效果。
em：相对长度单位，1em表示其父元素中字母m的标准宽度。
ex：相对长度单位，1ex表示其父元素中字母x的标准高度。
排版中，如果要求第一个字母比其他字母大很多，并下沉显示，可以使用该单位，并通过左浮动实现下沉。
<div> <span style="font-size: 3em;float: left;"> 这 </span> 里第一个文字很大。 </div>
（3）文字颜色
（4）文字水平对齐方式
text-align:center/left/right/justify。
（5）段首缩进
text-indent:2em;
2.文本
（1）文本自动换行
对于英语，浏览器只会在半角空格和连字符的地方进行换行，不会在单词中间换行。使用word-break属性，可是让浏览器在单词中间换行。
word-break:keep-all/break-all；
（2）长单词和url地址换行
长单词出现的可能性并不大，而URL地址由于没有空格也没有连字符，往往会被浏览器默认为一个长单词。使用word-wrap属性让url换行。
word-wrap:nomal/break-word;
word-break与word-wrap的不同：
（1）word-break:当该属性设置为break-all的时候，组件内的每一行文本最后一个单词自动换行。
（2）word-wrap:即使让该属性设置为break-word，浏览器也会尽量让长单词、url单独占一行，只有当一行文本不足以显示这个长单词或url地址时，浏览器才会在其中间换行。
3.超链接样式
超链接可以根据它们所处的状态来设置它们的样式。CSS为超链接的4中状态提供了对应的伪类选择器，用于为超链接的不同状态设置不同的样式。
（1）a:link——普通的，未经过访问的链接。
（2）a:visited——用户已经访问的链接。
（3）a:hover——鼠标指针位于链接的上方。
（4）a:active——链接被单击的时刻。
二、背景相关属性
原文：https://www.cnblogs.com/qingshanyici/p/10686647.html