CSS---Tips1文本样式

字体样式

font-variant

设置字体是否以小型大写字母显示。

p{
    font-variant: small-caps; /* 让小写字母以小型大写字母显示。*/
}

font

字体设置简写组合方式。格式如下：[是否倾斜|是否加粗|是否转小型大写] 字体大小 字体名称；

p{
    font: bold italic 20px 楷体;
}

文本样式

text-decoration

设置文本出现下划线
- underline 让文本的底部出现一条下划线
- overline 让文本的头部出现一条上划线
- line-through 让文本的中部出现一条删除划线

.p1 {
    text-decoration: underline;
}
.p2{
    text-decoration: line-through;
}
.p3{
    text-decoration: overline;
}

text-transform

设置英文文本转换为大小写
- capitalize 将英文单词首字母大写

letter-spacing

设置文本之间的间距。

.p1 {
    letter-spacing: 6px;
}

word-spacing

设置英文单子之间的间距。

.p2{
    word-spacing: 6px;
}

text-indent

设置文本首行的缩进。

p { 
    text-indent: 2em;
}

white-space

设置如何处理元素内的空白
-nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。

text-overflow

text-overflow 属性来控制文本的溢出部分，它的作用是对溢出的部分裁剪掉，然后判定是否添加省略号。

• clip 默认值，裁剪文本时不添加“…”省略号
• ellipsis 裁剪文本时添加“…”省略号