文本样式大类
1: text-transform 可以用来设置文本的大小写
可选值
none 默认值 文本正常显示
uppercase 文本大写
lowercase 文本小写
capitalize 首字母大写
2: text-decoration [dɛkə'reɪʃ(ə)n] 可以用来设置文本的修饰
可选值:
none 默认值 文本正常显示
underline 下划线
overline 上划线
line-through 删除线
3: letter-spacing可以指定字符间距
4: word-spacing可以设置单词之间的距离
5: text-align用于设置文本的对齐方式
可选值
left 文本向左 默认值
right 文本向右
center 居中显示
justify 两端对齐
6: text-indent 设置首行缩进
常用的 em单位
7: white-space: ; 设置网页如何处理空白
8: text-overflow 文本溢出包含元素时发生的事情
9: vertical-align 设置元素垂直对齐的方式
可选值:
baseline 基线对齐 沿着字母x最下方对齐
top bottom middle
功能:
1、设置元素垂直对齐的方式 ,这种功能,只针对图片,文字,表格,不针对块元素
2、解决图片三像素的问题(面试题)
方案一:
vertical-align样式,设置一个非baseline的样式值
方案二:
设置父元素的font-size为0
方案三:
将图片转成块元素
方案四:
将元素脱离文档流
10: text-shadow: h-shadow v-shadow blur color;
参数:
第一个参数:阴影的水平位移距离 (必填) 正值向右,负值向左
第一个参数:阴影的垂直位移距离 (必填) 正值向下,负值向上
第三个参数:阴影的模糊半径
第四个参数:阴影的颜色 (默认是字体的颜色)