- 首页 > it技术 > >
- 设置文本字体大小
font-size:16px;
- 设置文本颜色
color:#343434样式值：
1. 颜色单词名：red
2. 16进制颜色值：#343434
3. rgba颜色值：rgba(255,255,255,1) ——a表示透明度
- 设置字体类型
font-family:'Times New Roman', Times, serif;
1. 设置多个字体时，使用逗号分割，前面写英文字体，后面写中文字体
2. 字体名有多个单词组成时，使用引号包裹
- 设置文本加粗效果
font-weight:normal;
1. 更粗的：bolder
2. 加粗的：bold
3. 常规的：normal
4. 数值：100-900(600以上显示加粗效果)
- 设置文本斜体效果
font-style:normal;
1. 针对具有倾斜属性字体：italic
2. 针对所有字体：oblique
3. 正常字体：normal
- 设置文本行高
line-height:16px;
1. 行高指两行文字基线到基线之间垂直距离
2. 清除行高可设置为 1 或与字体大小一样
3. 行高<容器高度时，文本在容器靠上位置
4. 行高=容器高度时，文本在容器居中位置
5. 行高>容器高度时，文本在容器靠下位置
- font 样式的复合语法
font:size/line-height family style weight color;
- 设置文本水平对齐方式
text-align:方向1. 靠右对齐：right
2. 靠左对齐：left
3. 居中对齐：center
4. 两端对齐：justify
- 设置文本垂直对齐方式
vertical-align:方向1. 顶部对齐：top
2. 底部对齐：bottom
3. 居中对齐：middle
4. 基线对齐：baseline
- 设置文本修饰线
text-decoration:none1. 清除修饰：none
2. 添加下划线修饰：underline
3. 添加上划线修饰：overline
4. 添加删除线修饰：line-through
- 设置文本缩进
text-indent=2em;
1. em单位是相对单位，1em = 1个字体大小
2. 取正值时表示向内缩进
3. 取负值时表示向外缩进
- 设置文本缩进
text-indent=2em;
1. em单位是相对单位，1em = 1个字体大小
2. 取正值时表示向内缩进
3. 取负值时表示向外缩进
- 设置字间距与词间距
字间距
word-spacing=10px;
词间距
letter-spancing=10px;
- 设置单词大小写
text-transform:capitalize1. 设置为首字母大写：capitalize
2. 设置为全部大写：uppercase
3. 设置为全部小写：lowercase
- 折行样式
不强制折行
word-wrap:break-word强制折行
word-break:break-all
- 设置英文文本为小型大写字体
font-variant:small-caps1. 常规的——normal
2. 小型大写字体——small-caps
推荐阅读
