同学们,我们接着上篇博客继续学习!
7.英文字母大小写转换
语法:text-transform
capitalize 单词首字母大写 uppercase 全部大写 lowercase 全部小写 案例:
8.文本的装饰效果
语法:text-decoration
underline 文字加下划线 line-through 文字加删除线 overline 文字加上划线 案例:
9.段落内容首行缩进(悬挂缩进)
语法:text-indent
案例:
10.字词间距
英文文本
letter-spacing 字母和字母间距:normal/数值
word-spacing 单词和单词间距
中文文本
letter-spacing 字与字之间的间距
案例:
11.内容溢出处理
语法:overflow
overflow:visible 默认 overflow:hidden 超出部分隐藏 overflow:scroll 出现滚动条 overflow:auto 浏览器自动处理 案例:
12.文本溢出处理及元素空白的处理
1》white-space : nowrap ; 强制不换行
2》text-overflow:clip; 文本溢出不显示省略
3》text-overflow : ellipsis ; 文本溢出显示省略标记,简单裁切
4》white-space:normal/pre 空白被保留
案例:
13.对齐方式
语法:text-align 水平对齐方式
text-align:left
左对齐 text-align:right
右对齐 text-align:center
居中对齐 text-align:justify
两端对齐 注意:justify 对于主要对于英文,只能对多行中的非最后一行进行两端对齐。
案例:
14.行高
语法:line-height
注意:文字在每一行自动上下居中,当行高与高相同时垂直方向居中
案例: