系列文章目录

HTML5+CSS3+移动web——HTML 基础-CSDN博客https://blog.csdn.net/ymxk2876721452/article/details/136070953?spm=1001.2014.3001.5502HTML5+CSS3+移动web——列表、表格、表单-CSDN博客https://blog.csdn.net/ymxk2876721452/article/details/136221443?spm=1001.2014.3001.5502HTML5+CSS3+移动web——CSS基础-CSDN博客https://blog.csdn.net/ymxk2876721452/article/details/136465434?spm=1001.2014.3001.5502

---

目录

系列文章目录

一、字体大小

二、字体样式（倾斜）

三、行高

四、设置字体

五、font复合属性

六、文本缩进

七、文本对齐方式

八、文本修饰线

---

一、字体大小

• 属性名：font-size

• 属性值：文字尺寸，PC 端网页最常用的单位 px

p {
  font-size: 30px;
}

二、字体样式（倾斜）

作用：清除文字默认的倾斜效果

属性名：font-style

属性值

• 正常（不倾斜）：normal

• 倾斜：italic

三、行高

作用：设置多行文本的间距

属性名：line-height

属性值：数字 + px

四、设置字体

属性名：font-family

属性值：字体名

font-family: 楷体;

font-family属性值可以书写多个字体名，各个字体名用逗号隔开，执行顺序是从左向右依次查找

五、font复合属性

用于设置网页文字公共样式，其中字号和字体值必须书写，否则 font 属性不生效 。

复合属性：属性的简写方式，一个属性对应多个值的写法，各个属性值之间用空格隔开。

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

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

六、文本缩进

属性名：text-indent

属性值：

• 数字 + px

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

p {
  text-indent: 4em;
}

七、文本对齐方式

用于控制内容水平对齐方式

属性名： text-align

属性值：

• left 左对齐
• center 居中对齐
• right 右对齐

text-align: center;

八、文本修饰线

属性名： text-decoration

属性值：

• none 无
• underline 下划线
• line-through 删除线
• overline 上划线