可以通过三种方法使用 CSS 样式化 HTML：外部样式表、内联样式和内嵌样式。外部样式表是一个单独的文件，链接到 HTML 页面，是最简单的方法。内联样式直接写入元素，而内嵌样式使用 标签嵌入到 HTML 中。CSS 选择器用于根据元素、类、ID 或其他属性选择元素，并应用由属性指定的样式，例如字体系列、大小或颜色。
如何使用CSS样式化HTML
使用CSS样式化HTML的最简单方法
使用CSS样式化HTML的最简单方法是使用外部样式表。外部样式表是一个包含CSS代码的单独文件，然后将其链接到要样式化的网页。
创建一个外部样式表
立即学习“前端免费学习笔记（深入）”；
要创建一个外部样式表，请创建一个新文件并将其扩展名为.css。例如：styles.css。在文件中，输入以下代码：
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}将样式表链接到HTML
要将样式表链接到HTML页面，请在部分中使用标签：
使用内联样式
内联样式直接写到HTML元素中，使用style属性：
这是一个段落
使用内嵌样式
内嵌样式使用标签将CSS代码嵌入到HTML页面中：
选择器
CSS选择器用于选择要应用样式的HTML元素。最常用的选择器是：
-
元素选择器：选择特定的HTML元素，例如
或- 类选择器：选择带有一定类名的元素
- ID选择器：选择带有一定ID的元素
- 通用选择器：选择任何元素
属性
CSS属性用于指定元素的样式。最常见的属性是：
- font-family：设置元素的字体系列
- font-size：设置元素的字体大小
- color：设置元素的文本颜色
- background-color：设置元素的背景颜色
- padding：设置元素内容周围的边距
- margin：设置元素周围的边距
