HTML5中应用CSS样式有三种方式：一、用link标签外链CSS文件，实现样式与结构分离；二、用style标签内嵌CSS，适用于单页专用样式；三、用style属性内联样式，仅作用于单个元素且优先级最高。
如果您在HTML5文档中需要应用CSS样式，可以通过外部链接或内部嵌入两种基本方式实现。以下是具体操作步骤：
一、使用link标签外链CSS文件
通过标签在HTML5文档的
部分引入外部CSS文件，可实现样式与结构分离，便于维护和复用。1、确保CSS文件已保存为独立文件（例如style.css），并位于与HTML文件可访问的路径下。
2、在HTML5文档的<head>标签内添加<link>元素，设置rel属性为"stylesheet"，type属性为"text/css"（HTML5中type可省略），href属性指向CSS文件路径。
立即学习“前端免费学习笔记（深入）”；
3、示例代码：<link rel="stylesheet" href="style.css">
4、若CSS文件位于子目录中，需正确书写相对路径，如href="css/style.css"；若为绝对路径，可使用根相对路径href="/assets/style.css"。
二、使用style标签内嵌CSS样式
通过<style>标签将CSS规则直接写入HTML5文档内部，适用于仅限当前页面使用的样式，无需额外HTTP请求。
1、在HTML5文档的<head>部分插入<style>标签。
2、在<style>标签内部编写标准CSS规则，无需任何特殊声明或包装。
3、示例代码：<style>body { margin: 0; font-family: sans-serif; }</style>
4、注意：<style>标签默认type为text/css，HTML5中无需显式声明type属性。
三、在style属性中内联单个元素样式
通过元素的style属性直接定义CSS声明，作用范围仅限该HTML元素，优先级高于外链和内嵌样式。
1、在目标HTML元素的开始标签中添加style属性。
2、在style属性值中以分号分隔多个CSS声明，键值对之间用冒号连接。
3、示例代码：<p style="color: blue; font-size: 16px;">这段文字为蓝色且字号16像素</p>
4、避免在大型项目中大量使用，因其难以复用且破坏结构与样式的分离原则。
