此网站为管振佐的个人博客,终身学习记录!
当前位置首页 > 编程> 正文

CSS基础:文本属性

11-01 499 编程


字间距

字间距,也就是字与字之间的间隔。

语法:letter-spacing:符合W3C的合法的尺寸单位;

常用尺寸单位:px,100%,em,rem,可以设置负值,当设置成负值时,字间距会比正常间距小。字体可能会重叠。

当找不到问题时,通过letter-spacing:normal;把字间距重置为正常字间距。

行高

语法:line-height:符合W3C的合法的尺寸单位;

行高可以控制行与行之间的间距,但不是行间距。是一行的高度,比如line-height:40px;则表示一行的高度为40px。

常用尺寸单位:px,100%,em,rem,可以设置负值,当设置成负值时,行与行可能会重叠。字体可能会重叠。

当行高的值设置为尺寸单位时是固定的行高。当没有设置行高时,则是默认的合理的行高。

当行高的值设置为数字时,当前字体尺寸的倍数来设置行高。

当行高的值设置为100%时,当前字体尺寸的百分比来设置行高。

行高默认值是normal,即默认的合理的行高度。

当设置了高度同时也设置了行高时,则字体垂直居中

首行缩进

语法:text-indent:尺寸单位;

两个中文默认大小大概32px。

text-indent只对首行有效。默认值是0。首行缩进的值常设置为2em。允许使用负值。使用负值时,首行会缩进到左边。也可以使用百分比,使用百分比时是基于父元素宽度的百分比进行缩进,不建议使用百分比作为text-indent的尺寸单位。

em是指当前文字的尺寸。

水平排列方式

语法:text-align:left|center|right|justify

justify是两端对齐,对单行文本无效,实际开发中很少使用。


垂直排列方式

语法:vertical-align:baseline|sub|super|top|bottom|middle|text-top|text-bottom

baseline是默认值,对齐父元素基线,也就是按照字母基线对齐。

sub:对齐下标

super:对齐上标

top:顶部对齐

botton:底部对齐

middle:垂直居中对齐,

text-top:

text-bottom:

对行块元素、行内块级元素、表格元素有效,常用于表格。

文本修饰

语法:text-decoration:underline|overline|line-through|blink

none:设置默认值为空。属于默认值

underline:下划线,

overline:上划线,

line-through:删除线

blink:定义闪烁的文字效果。当前所有浏览器已经不再支持。只有低版本的浏览器还支持。属于废弃标签。

对a标签常设置为none

文本阴影

语法:text-shadow: 值1 值2 值3 值4

值1是水平阴影,是必须设置的值,为负值时,阴影在左侧。尺寸单位;

值2是垂直阴影,是必须设置的值,为负值时,阴影在上。尺寸单位;

值3表示阴影模糊距离,可选值,尺寸单位。

值4设置阴影颜色值,属于可选值,默认和文字颜色相同。

文本属性重置

文本不等同于文字,可以简单的理解成包含行级元素、行内块级元素。

可以同时控制行级元素和行内块级元素的文本元素有:

font-weight:normal

font-style:normal

text-decoration:none

版权保护: 本站内容采用CC-BY-NC协议且遵守CC-BY-NC-SA和CC-BY-NC-ND协议,转载请保留链接: https://www.guanzhenzuo.com/programming/58.html

博客主人管振佐
男,河南人,做事情比较执着而已。
曾梦想仗剑走天涯,看一看世界的繁华,年少的心总有些轻狂,如今你四海为家...每一次难过的时候,就独自看一看大海...经历了人生百态世间的冷暖...

标签