CSS中的文本样式
2017-08-17 10:16
225 查看
1. text-decoration
设置文本的下划线。其值有;
none —— 让本身有下划线装饰的文本取消下划线
underline —— 让文本的底部出现一条下划线
overline —— 让文本的头部出现一条上划线
line-through —— 让文本的中部出现一条删除线
blink —— 让文本进行闪烁(基本不支持)
2. text-transform
设置英文文本转换为大小写。其值有:
none —— 将已转换大小写的值恢复到默认状态
capitalize —— 将英文单词首字母大写
uppercase —— 将英文转换为大写字母
lowercase —— 将英文转换为小写字母
3. text-shadow
给文本添加阴影。其中有四个值,第一个(水平偏移)第二个(垂直偏移)第三个(阴影迷糊度)第四个(阴影颜色)
p{
text-shadow : 5px 5px 3px black;
}
4. text-align
指定文本的对齐方式,其值有:
left —— 靠左对齐,默认
right —— 靠右对齐
center —— 居中对齐
justify —— 内容两端对齐
start —— 让文本处于开始的边界
end —— 让文本处于结束的边界
5. white-space
处理空白排版方式。其值有:
normal —— 默认值,空白符被压缩,文本自动换行
nowrap —— 空白符被压缩,文本不换行
pre —— 空白符被保留,遇到换行符则换行
pre-line —— 空白符被压缩,文本会在排满或遇换行符换行
pre-wrap —— 空白符被保留,文本会在排满或遇换行符换行
6. letter-spacing
设置文本之间的间距,其值有:
normal —— 设置默认间距
长度值 —— 如: “数字” + “px”
word-spacing;设置英文单词之间的间距
7. line-height
设置段落行高,其值有:
normal —— 设置默认间距
长度值 —— 如: “数字” + “px”
数值 —— 如1,2,3
% —— 如:200%
8. word-wrap
让过长的英文单词断开,其值有:
normal —— 单词不断开
break-word —— 断开单词
9. text-indent
设置文本首行的缩进,其值有:
normal —— 设置默认间距
长度值 —— 如:“数字” + “px”
设置文本的下划线。其值有;
none —— 让本身有下划线装饰的文本取消下划线
underline —— 让文本的底部出现一条下划线
overline —— 让文本的头部出现一条上划线
line-through —— 让文本的中部出现一条删除线
blink —— 让文本进行闪烁(基本不支持)
2. text-transform
设置英文文本转换为大小写。其值有:
none —— 将已转换大小写的值恢复到默认状态
capitalize —— 将英文单词首字母大写
uppercase —— 将英文转换为大写字母
lowercase —— 将英文转换为小写字母
3. text-shadow
给文本添加阴影。其中有四个值,第一个(水平偏移)第二个(垂直偏移)第三个(阴影迷糊度)第四个(阴影颜色)
p{
text-shadow : 5px 5px 3px black;
}
4. text-align
指定文本的对齐方式,其值有:
left —— 靠左对齐,默认
right —— 靠右对齐
center —— 居中对齐
justify —— 内容两端对齐
start —— 让文本处于开始的边界
end —— 让文本处于结束的边界
5. white-space
处理空白排版方式。其值有:
normal —— 默认值,空白符被压缩,文本自动换行
nowrap —— 空白符被压缩,文本不换行
pre —— 空白符被保留,遇到换行符则换行
pre-line —— 空白符被压缩,文本会在排满或遇换行符换行
pre-wrap —— 空白符被保留,文本会在排满或遇换行符换行
6. letter-spacing
设置文本之间的间距,其值有:
normal —— 设置默认间距
长度值 —— 如: “数字” + “px”
word-spacing;设置英文单词之间的间距
7. line-height
设置段落行高,其值有:
normal —— 设置默认间距
长度值 —— 如: “数字” + “px”
数值 —— 如1,2,3
% —— 如:200%
8. word-wrap
让过长的英文单词断开,其值有:
normal —— 单词不断开
break-word —— 断开单词
9. text-indent
设置文本首行的缩进,其值有:
normal —— 设置默认间距
长度值 —— 如:“数字” + “px”
相关文章推荐
- css 超链接样式,文本下划线,背景颜色
- css样式定义文本强制换行
- CSS基础之——设计文本样式(1)
- css文本样式-css学习之旅(4)
- CSS边框、背景、文本样式
- 奇舞-css文本样式-笔记
- css文本样式-css学习之旅(4)
- css文字控制与css文本样式示例和属性
- css应用表格排版td中的文本过长,设置不换行,随内容同行显示样式
- CSS文本样式处理
- CSS字间隔与字母间隔在文本样式中
- css 背景定位 文字样式及文本溢出隐藏···
- CSS 文本样式[下]
- 5.html&css实验5. 颜色、字体、文本格式化和盒模型的样式定义
- HTML中如何用CSS设置文本样式
- 第六步:页面内的基本文本的样式(css)设置
- [看书][CSS精粹(第2版)]第二章 文本样式和基础知识
- CSS设置input placeholder文本的样式
- CSS学习系列六:文本样式
- css 样式设计(一)( 在线150个例子 | 背景 | 文本 | 字体 | 链接 | 列表 | 表格 | 盒模型 | 边框 | 轮廓 | 边距 | 填充 |分组和嵌套 | 尺寸 | 定位 | 浮动 |对齐 )