HTML5(CSS文本外观属性)

1.color:文本颜色

用于定义文本的颜色,取值方式三种:

  1. 预定义的颜色值,如:red、green、blue等。
  2. 十六进制,如#FF0000、#FF6600、#29D794等,最常用。
  3. RGB代码,如红色rgb(255,0,0)或rgb(100%,0%,0%)。

 2.letter-spacing:字间距

用于定义字间距,允许为负,默认为normal。

3.Word-spacing:单词间距

用于定义英文单词之间的间距,对中文符无效。允许为负,默认为normal。

4.line-height:行间距

用于设置行间距,即字符间垂直距离。一般称行高。

5.text-transform:文本转换

用于控制英文字符的大小写:

  • none:不转换。
  • capitalize:首字母大写。
  • uppercase:全部字符转换为大写。
  • lowercase:全部转换为小写。

 6.text-decoration:文本装饰

用于设置文本的下划线,上划线、删除线等装饰效果:

  • none:没装饰
  • underline:下划线
  • overline:上划线
  • line-through:删除线

 可设置多个值,添加多个效果。

7.text-align:水平对齐方式

用于设置文本内容的水平对齐,属性如下:

  • left:左对齐
  • right:右对齐
  • center:居中对齐

8.text-indent:首行缩进

用于定义首行文本缩进 建议使用em为单位。

9.white-space:空白符处理

属性:

  • normal:常规,文本中空格,空行无效满行自动换行
  • pre:预格式化 ,按文档的书写格式保留空行空格原样显示
  • nowrap:空格空行无效,强制文本不换行,除非有<br/>,即使超出元素边界也不换行。

10.text-shadow:阴影效果

用于为页面文本添加阴影效果。语法如下:

选择器{text-shadow:h-shadow v-shadow blur color;} 

h-shadow用于设置水平阴影距离,v-shadow用于设置垂直阴影的距离,blur用于设置模糊半径,color用于设置阴影颜色。

11.text-overflow:标示对象内溢出文本,属性如下:

  • clip:修建溢出文本,不显示省略标签“...”。
  • ellipsis:用省略标签“...”代替被修剪文本,省略标签插入的位置是最后一个字符。- 

12.Word-wrap属性

用于实现长单词和URL地址的自动换行,其语法:

选择器{Word—wrap:属性值;}
属性:
normal:只在允许的断字点换行(浏览器保持默认处理)
break-Word:在长单词或URL地址内部进行换行

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值