文本样式
1.设置首行缩进 text-indent
常用单位 px
em
2.设置文字在元素对齐方式 text-align
可选值:left/right/center(居中对齐 常用)/justify(二端对齐)
常实现的效果:文本在元素中水平居中
3.设置元素行高 line-height:上间距+文本空间+下间距,上间距=下间距
常使用的数值 数字+单位
数字:代表当前文字大小的基本
4.设置文本修饰 text-decoration
可选值:
none:取消
underline:下划线
overline:上划线
line-through:删除线
5.颜色设置 color
可选值:
5.1 表示颜色的英文
5.2 十六进制 #ffffff 光的三原色:红 绿 蓝,每二位数值代表一个颜色的浓度
所以颜色浓度最大,代表白色(#fff),浓度最定为黑色(#000)
5.3 rgb(red,green,blue) 每个数值取值范围[0,255]
6.设置文本阴影 text-shadow: x y b color;
x:设置阴影水平方向的偏移,注意正值向右
y:设置阴影垂直方向的偏移,注意正值向下
b:设置阴影模糊范围,注意值越大,模糊程度越高,没有负值
color:设置阴影颜色
7.设置字符与字符的距离:letter-spacing
8.设置单词与单词的距离:word-spacing
9.设置文字与图片对齐方式:vertical-align
常用值:bottom(底部对齐) middle(居中对齐)
baseline(基线对齐,默认值)
常实现的效果:解决图片底部空白,vertical-align非默认值
设置文字与图片对齐方式