第十五章 CSS文本样是【下】
一、文本总汇
二、文本样式 :CSS文本样式分为三种:文本装饰,英文大小写转换,文本阴影。
1、text-decoration
(1)none :让本身有划线的文本取消掉;
(2)underline :让文本的底部出现一条下划线;
(3)overline :让文本的顶部出现一条下划线;
(4)line-through :让文本的中部出现一条产出划线;
(5)bline :让文本出现闪烁,基本不支持了;
例、@charset="utf-8"
p{
font-size:50px;
text-decoration:underline; //在字符下面有一个下划线。
text-decoration:overline; //在字符上面有一个上划线。
text-decoration:line-through; //加一条删除线;
}
2、text-transform :设置英文文本转化为大小写。
(1)none
(2)capitalize :将英文单词首字母大写。
(3)uppercase ;将英文转化为大写字母。
(4)lowercase :将英文转化为小写字母。
3、text-shadow :给文本添加阴影。其中四个值,第一个值:是水平偏移; 第二个值:垂直偏移;
第三个值:阴影模糊度(可选); 第四个值:阴影颜色(可选);
例、p{
text-shadow:Spx Spx 3px red;
}
三、文本控制
1、text-align (1)到(4)是CSS1;(5)到(6)是CSS3,目前IE和Opera尚未支持;
(1)left :靠左点对齐 (默认);
(2)right :靠右对齐;
(3)center :居中对齐;
(4)justify :内容两端对齐;
(5)start :让文本处于开始的边界;
(6)end :让文本处于结束的边界;
2、white-space
(1)normal :默认值,空白符被压缩,文本自动换行;
(2)nowrap :空白符被压缩,文本不换行;
(3)pre :空白符被保留,遇到换行符则换行; //换行符是‘回撤’
(4)pre-line :空白符被压缩,文本会在排满或遇到换行符换行;
(5)pre-wrap :空白符被保留,文本会在排满或遇到换行符换行;
3、letter-spacing
(1)normal :设置默认间距;
(2)长度值 :比如“数字”+“px”
4、word-spacing :设置英文之间的间距;
属性同上;
5、line-height :设置段落行高;
(1)(2)同上;
(3)数值 :比如1,2,3;
(4)% :比如 200%;
6、word-wrap :让过长的英文单词断开;
(1)normal :单词不断开;
(2)break-word :单词断开;
7、text-indent :设置文本首行的缩进。
(1)normal :设置默认间距;
(2)长度值 :比如“数字”+“px”
原文地址:https://www.cnblogs.com/keshuai752100461/p/8485158.html