CSS文本与字体的属性

css文本与字体的属性

文本属性

text-decoration（文字装饰线）的属性

text-tabsform(设置文字大小写转换)：用的比较少

 

text-indent 用于对第一行内容的缩进

text-align用于设置元素内容在元素中的水平对齐方式（默认左对齐）

字体属性

font-size设置字体大小

(p元素选择器会层叠掉box1,而span却会继承，因为父类的字体大小即为1em)

font-family设置文字的字体

可以设置多个字体，从左到右按顺序直到找到可用的字体。英文字体只适用于英文而中文字体同时适用于中文和英文。

网络字体 浏览器里并没有，但它会下载之后再应用

font-weight设置文字的粗细（重量）

100/200/300/900/： 对应于文字的不同重量

font-style设置文字的常规与斜体

line-height行高的设置

元素高度为100px，若不设置行高，文字无法垂直居中

 

 

font缩写属性的使用方式

 补充：

css属性的继承

 css层叠和权重

选择器相同时，后面的属性会层叠掉前面的属性

选择器不同时，权重高的选择器会层叠掉其它选择器的属性

选择器级别不同时：

!important > 行内样式 > ID选择器 > 类选择器 > 元素选择器 > 通配符选择器 > 继承 > 浏览器默认属性

选择器级别相同时：

内联(行内)样式 > 内部样式表 > 外部样式表 > 导入样式(@import)