Web前端 | CSS文本属性

文本属性

1. 字体相关

1）设置字体大小

font-size:20px;

2）设置字体粗细程度

font-weight:normal;

取值 ：

1. normal（默认值）等价于400
2. bold   (加粗) 等价于700

3）设置斜体

font-style:italic;

4）设置字体名称

font-family:Arial,"黑体","宋体"; 

取值 :

1. 可以指定多个字体名称作为备选字体，使用逗号隔开，优先使用前面的字体

2. 如果字体名称为中文，或者名称中出现了空格，必须使用引号

   例 :

font-family:Arial;
font-family:"黑体","Microsoft YaHei",Arial;

5）字体属性简写

font : style weight size family;

注意 :

       1. 如果四个属性值都必须设置，严格按照顺序书写
       2. size family 是必填项

2. 文本样式

1）文本颜色

color:red;

2）文本装饰线

text-decoration:none;

取值 :
underline 下划线
overline 上划线
line-through 删除线
none 取消装饰线

3）文本内容的水平对齐方式

• 不仅可以运用于文本，而且可以运用与子元素相对于父元素的对齐方式。

text-align:center;

取值 :

left(默认值)	左对齐
center		  居中对齐
right		  右对齐

4）行高

line-height:30px;

使用 :

    文本在当前行中永远垂直居中，可以借助行高调整文本在元素中的垂直显示位置
     	line-height = height 设置一行文本在元素中垂直居中
     	line-height > height 文本下移显示
     	line-height < height 文本靠上显示
     特殊 :
     	line-height可以采用无单位的数值，代表当前字体大小的倍数,以此计算行高