css样式

基础样式

颜色标签

标签名称：

color:

属性值：填写颜色代码

文字大小

标签名称：

font-size: 

属性值：填写数字 px结尾

字体样式（是否倾斜）

标签名称：

font-style

属性值：
正常（不倾斜）：normal
倾斜：italic

行高

标签名称：

line-height

属性值：
数字 + px
数字（当前标签font-size属性值的倍数

单行文字垂直居中

垂直居中技巧：行高属性值等于盒子高度属性值

div {
  height: 100px;
  background-color: skyblue;

  /* 注意：只能是单行文字垂直居中 */
  line-height: 100px;
}

字体族

属性名：font-family
属性值：字体名

font-family: 楷体;

font复合属性

使用场景：设置网页文字公共样式
复合属性：属性的简写方式，一个属性对应多个值的写法，各个属性值之间用空格隔开。

font: 是否倾斜 是否加粗 字号/行高 字体（必须按顺序书写）

div {
  font: italic 700 30px/2 楷体;
}

注意：字号和字体值必须书写，否则 font 属性不生效 。

文本缩进

属性名：text-indent

属性值：

• 数字 + px
• 数字 + em（推荐：1em = 当前标签的字号大小）

p {
  text-indent: 2em;
}

文本对齐方式

作用：控制内容水平对齐方式

属性名：text-align

text-align: center;

属性值：
left=左对齐
center=居中对齐
right=右对齐

文本修饰线

属性名： text-decoration

属性值：
none=无
underline=下划线
line-through=删除线
overline=上划线