字体的分类和样式,行间距

字体的分类

serif(衬线字体)(常用 放结尾)

sans-serif(非衬线字体)(常用 放结尾)

monospace (等宽字体)

cursive (草书字体)

fantasy (虚幻字体)

字体的样式

font-family 字体种类(serif放在结尾)

font-style: italic;斜体 normal 非斜体

font-weight: bold;加粗 normal非粗体

font-size: 30px;字号

font-variant: small-caps;小型大写

font 可以一次性同时设置多个字体的样式

font:加粗 斜体 小型大写 大小/行高 字体

font: italic small-caps bold 60px serif

italic,small-caps,bold 顺序随意 不写也可以有默认值 字号放在最后一个

行间距

line-height用于设置行高,行高越大则行 间距越大。

行间距 = line-height – font-size

大写化

text-transform样式用于将元素中的字母全都变成大写。

大写:text-transform:uppercase

小写:text-tansform:lowercase

首字母大写:text-transform:capitalize

正常:text-transform:none

文本修饰

text-decoration属性,用来给文本添加各 种修饰。通过它可以为文本的上方、下方 或者中间添加线条。

text-decoration:underline 下划线

text-decoration:overline 上划线

text-decoration:line-through 删除线

text-decoration:none 去掉下划线

letter-spacing用来设置字符之间的间距。

word-spacing用来设置单词之间的间距。

这两个属性都可以直接指定一个长度或百分数作为值。正数代表的是增加距离,而 负数代表减少距离。

text-align用于设置文本的对齐方式。

text-align:left  左对齐

text-align:right  右对齐

text-align:justify  两边对齐

text-align:center   居中对齐

text-indent  来设置首行缩进。

该样式需要指定一个长度,并且只对第一行生效。

你可能感兴趣的:(字体的分类和样式,行间距)