码迷,mamicode.com
首页 > Web开发 > 详细

CSS 文本

时间:2018-01-20 11:09:02      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:空格   字母   lower   添加   post   sap   保留   处理   像素   

CSS 文本属性:

属性 描述 例子
color 设置文本颜色 p {color: red} 设置段落中的文本颜色为红色
line-height 设置行间距 p {line-height: 10px} 设置段落中的行间距为10像素
letter-spacing 设置字间距 p {letter-spacing: 10px} 设置段落中字母之间的间距为10像素
word-sapcing 设置单词间距 p {word-spacing: 10px} 设置段落中单词之间的间距为10像素
text-align 设置文本的对齐方式 p {text-align: center} 设置段落中的文本居中,有 left、right、center 三个值
text-indent 设置文本首行缩进 p {text-indent: 5em} 设置段落中的文本首行缩进5em,1em=16px    
text-transform 用于转换文本中单词的大小写 p {text-transform: uppercase}  将段落中的所有单词转换成大写
p {text-transform: lowercase}  将段落中的所有单词转换成小写
p {text-transform: capitalize}  将段落中的所有单词的首字母转换成大写
text-decoration 用于给文本添加划线 p {text-decoration: underline} 给段落中的文本添加下划线
p {text-decoration: overline} 给段落中的文本添加上划线
p {text-decoration: line-through} 给段落中的文本添加删除线(即中划线)
white-space 用于处理文本中的空格 p {white-space: normal} 换行符会转换为空格,连续多个空格也会转换为一个空格
p {white-space: pre} 保留所有的空格,不会把多个空格转换为一个空格

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

           

 

 

            

 

CSS 文本

标签:空格   字母   lower   添加   post   sap   保留   处理   像素   

原文地址:https://www.cnblogs.com/pzk7788/p/8319798.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!