字体文本样式相关

设置文字属性font

• 设置文字颜色
• • color：red
• 文字斜体：
• • font-style：italic（文字倾斜）
• • font-style：normal（文字不倾斜）
• 文字粗体设置
• • font-weight：bold（加粗字体）
• • font-weight：bolder（更粗）
• 设置文体大小字号：
• • font-size：16px
• 设置文体字体
• • font-family：”微软雅黑“

---

设置文本属性text-

• 设置文本文字或图片的左右对齐方式

• • text-align：center 相对于文字的父元素居中
• • text-align：left 相对于文字的父元素左对齐
• • text-align：right 相对于文字的父元素右对齐

• 设置行高

• • line-hieight： 40px；

• 设置文本文字的上下对齐

• • line-height：40px；
• • 把文字行高设置为父子元素的行高，文字自动上下对齐

• 文字线的设置

• • text-decoration：line-hrough；文字中间划横线
• • text-decoration：underline 文字加下划线

• text-decoration：overline 文字加上划线

• text-decoration：none 去除文字的线，一般用于给a标签去除自带的下划线

• 字母大小写转换

• • text-transform：capitalize：首单词字母大写
• • text-transform：lowercase：首单词字母小写
• • text-transform:uppercase; 所有的字母都大写

---

字符的间距 ：letter-spacing：10px
字间距：word-spacing：20px；
文本缩进：text-indent：50px；
文字阴影：text-shadow：5px，5px，5px，red
第一个参数：水平方向相对设置，可以写负数
第二个参数：垂直方向相对位置，可以写负数
第三个参数：模糊指数，可模糊范围（可选参数）
第四个参数：阴影文字颜色