css-6. 文字样式

文字样式

color：文字颜色

font-size：文字大小。可以使用单位(px,em,rem)，也可以使用英文large 、larger、small、smaller、medium

font-family：字体。设置字体时，可以设置多个字体，用逗号隔开。如果第一个字体有效，则使用第一个字体的样式

font-family:"隶书"，"宋体";

font-style：字体样式。italic为斜体，normal为正常

font-weight：设置文字加粗效果。bold为加粗，normal为正常

line-height：设置行高

<!--行高为80px-->
line-height:80px;

<!--行高为字体大小*设置的大小：40*2px-->
font-size:40px
line-height:2

<!--行高为字体大小*设置的百分比：40*200%px-->
font-size:40px
line-height:2

font：复合属性。同一设置文字相关属性

设置顺序：font-style font-variant(可选) font-weight font-size/line-weight font-family

font:italic bold 40px/2 "宋体"

文本属性

text-decoration：

• underline 下划线
• overline 上划线
• line-through 删除线
• none：清除文本样式，可用于清除a标签的下划线

text-indent：首行缩进

<!--em为文字个数-->
text-indent:2em;

text-align：文字对齐方式

• left：左对齐
• right：右对齐
• center：中间对齐
• justify：分散对齐

letter-spacing：设置字符之间的空白

word-spacing：设置词之间的空白

vertical-align：设置同一行行内元素的对齐方式。

• middle、top、bottom
• 像素值：正数向上移动、负数向下移动

white-space：指定元素的空白怎么处理

https://blog.youkuaiyun.com/qq_33706382/article/details/78328188

属性	源码空格	源码换行	容器边界换行
normal	合并	忽略	换行
nowrap	合并	忽略	不换行
pre-wrap	保留	换行	换行
pre	保留	换行	不换行

text-overflow：设置文本溢出包含元素时发送的事情

• clip：修建文本
• ellipsis：显示省略符号

CSS截字

• 设置容器宽度width
• 设置white-space属性，文本不自动换行，比如pre
• 设置overflow为hidden，隐藏溢出
• 设置text-overflow