今天带来的是文字和文本的相关样式设置。
文字设置:
font-weight-->文字粗细程度。
bold:加粗
normal:不加粗(默认值)
font-style-->文字样式
italic:斜体
normal:正常(默认值)
font-size-->文字大小
line-height-->行高(一行文字的高度)。文字在行高里面是垂直居中的。
当行高与元素高度相同时,则文字在元素内是上下(垂直)居中的。
font-family-->字体。如:font-family:"宋体";
font-->字体样式的符合属性。
顺序:粗细程度 文字样式 文字大小/行高 文字
其中:文字大小、字体是必须要设置的。且顺序不可随意调换。
由于存在顺序问题和必填项问题,因此不建议使用文字的复合属性。
color-->字体颜色
text-align-->文本对其方向。
left:左对齐(默认值)
right:右对齐
center:水平居中
text-decoration-->文本装修。
none:没有线(默认值)
underline:下划线(常用值)
line-through:线穿过文字。
letter-spacing-->字母间距,每个文字或字母之间的间距。
word-spacing-->单词间隔,单词与单词之间的间隔。
text-indent-->首行缩进。
如:text-indent:10px --->首行缩进10px
text-indent:2em --->首行缩进2个字体大小的距离。1个em表示1个字体大小。
white-space-->强制不换行
nowrap:强制不换行。
normal:自动换行(默认值)。