3.5 使用CSS属性设置模板文字样式

CSS关于字体的一些属性
1. font-size

font-size 属性用来设置字体的大小（字号），字体大小单位常见为px（像素）、pt（磅）。

2. font-family

font-family 属性用来设置元素内文本的字体。由于字体的种类成千上万，我们的电脑上几乎不可能拥有所有的字体。为了最大程度的保证我们设置的字体能够正常显示，可以通过 font-family 属性定义一个由若干字体名称组成的列表，字体名称之间使用逗号,分隔，浏览器会首先尝试列表中的第一个字体，如果不支持则尝试下一个，以此类推。

1. font-family: "Times New Roman", Arial, 宋体, 黑体;

复制代码

如果字体族或字体名称中包含空格或多个单词，则必须将它们使用引号包裹起来，例如"Times New Roman"、"Courier New"、"Segoe UI" 等，如果是在元素的 style 属性中使用则必须使用单引号。

3. font-weight

font-weight 属性能够设置字体的粗细，可选值如下：

值	说明
normal	默认值，标准字体
bold	粗体字体
bolder	更粗的字体
lighter	更细的字体
100、200、300、400、500、 600、700、800、900	由细到粗的设置字体粗细， 100为最细的字体，400等同于normal，700等同于bold

4. text-align

text-align 属性用来设置元素中文本的水平对齐方式，属性的可选值如下：

值	说明
left	默认值，左对齐
right	右对齐
center	居中对齐
justify	两端对齐

5. vertical-align

vertical-align 属性用来定义元素内文本的垂直对齐方式，属性的可选值如下：

值	说明
top	顶部对齐，将元素行内框的顶端与行框的顶端对齐
middle	居中对齐
bottom	底部对齐，将元素行内框的顶端与行框的底端对齐

扫一扫，手机阅读