前端之文本属性

将一段文本首行缩进是在文本设计中最常见的属性,可以采用属性:

text-indent,拥有继承属性,值为指定值(px)或者采用百分数;

使用这个属性的时候给定的值可以是正书也可以是负数,一些特殊效果可以采用负数的方法实现。一般地,可以为所有块级元素设置text-indent,但是无法将此属性用于行内元素。如果使用百分数,则值采用的是父级元素的百分比例。例如:如果text-indent等于10%,则是它的父级的10%;

水平对其属性是text-alin:值为left、right、center,这三个值将分别导致左对齐、右对齐、居中对其。text-alin只应用于块级元素,text-aling的居中和center的居中是不一样的,center不仅仅会影响文本而且还会把整个元素居中。

垂直对其

lin-height是行高属性,是指文本行基线之间的距离,拥有的值可以是具体的数字。文本行中国每一个文字都会生成一个行本框,这个行本框的大小限制于文字的大小,如果要确定一个行间距只需要把给定的行高减去字体大小然后除以2则是行间距。

对齐文本

属性为vertical-alin:值为sub、super、middle、bottom等;vertical-alin属性只应用于行内元素和替换元素,如图像和表单输入;

vertical-align:middle往往应用于图像,但是并不全部。另外元素<sup></sup>用于设置上标<sub></sub>用来是设置下标;


字母间隔与字间距

word-spacing属性会接受一个正长度值和负长度值,这个长度会增加两个字之间的距离。

*到目前为止我,我们还没有给”字“明确的定义,从css术语上来讲“子”是某种非空字符的集合,并且这个非字符串被空字符串包围着。

letter-spacing和word-spacing属性类似,但是word-spacing是表示子间的距离,而letter-spacing是表示字母间的距离,所接受的值和word-spacing类似,可以是正整数也可以是负整数。

文本转换

text-transform属性为文本转换属性,接受值常用为uppercase何lowercase。uppercase是把小写字母转换为大写字母,lowercase是把大写字母放大处理。

文本装饰

text-decoration属性拥有很多特殊效果,接受值为undferline(增加下划线)、none(去掉下划线)、overline(顶上增加一个下划线)、line-through(中间贯穿一条下划线)

文字阴影

默认的文本是没有阴影的,但是我们可用为它增加一个属性为text-shadow,值为颜色、距离.

 

posted @ 2017-03-06 21:08  三叔的网络日记  阅读(406)  评论(0编辑  收藏  举报