zhanghao 2020-05-25
说明
定义文本的颜色,取值方式有3种:
语法
{color:颜色值;}
注意
如果使用RGB时,取值为0,不能省略百分号,必须写成0%。
说明
即行间距,用于设置文本行高,行与行之间的距离,即字符的垂直间距,一般称为行高。
常用单位有三种:像素px(常用),相对值em和百分比%。
语法
{line-height:normal/数值;}
注意
当行高等于容器高时,可实现文本在容器中垂直方向居中对齐;
当行高小于容器高时,可实现文本在容器中垂直中齐以上任意位置的定位;
当行高大于容器高时,可实现单行文本在容器中垂直中齐以下任意位置的定位。(IE6及以下版本存在浏览器兼容问题)
水平对齐方式
{text-align:left/right/center;}
垂直对齐方式
{vertical-align:top/bottom/middle;}
说明
用于设置首行文本的缩进。
语法
{text-indent:value;}
注意
text-indent可以取负值; text-indent属性只对第一行起作用
说明
通常用于给链接修改装饰效果。
语法
text-decoration:none/underline/overline/line-through/blink
none:没有修饰
underline:添加下划线
overline:添加上划线
line-through:添加删除线
blink:闪烁
说明
text-transform
将变换应用于文本块。
语法
{text-transform:none/capitalize/uppercase/lowercase}
uppercase: 变成全大写
lowercase :变成全小写
capitalize :首字母变成大写
说明
用于字符与字符之间的空白。属性值可为不同单位的数值,允许使用负值,默认为normal。
语法
{letter-spacing:value;}
说明
用于定义英文单词之间的间距,对中文字符无效。和letter-spacing一样,其属性值可为不同单位的数值,允许使用负值,默认为normal。
语法
{word-spacing:value;}
注意
word-spacing和letter-spacing均可对英文进行设置。不同的是letter-spacing定义的为字母之间的间距,而word-spacing定义的为英文单词之间的间距。