CSS基础:文本属性
字间距
字间距,也就是字与字之间的间隔。
语法: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