HTML5中应用CSS样式的三种方式：一、用link标签外链CSS文件，需置于head内并设rel="stylesheet"和href路径；二、用style标签内嵌CSS，须在head中编写规则；三、用style属性为单个元素添加行内样式，声明间用分号隔开。
如果您希望在HTML5文档中应用CSS样式，则需要通过外链或内嵌的方式将CSS代码引入到HTML结构中。以下是实现该目标的具体方法：
一、使用link标签外链CSS文件
通过<link>标签引入外部CSS文件，是HTML5中最常用且推荐的样式引入方式。它能实现结构与样式的分离，便于维护和复用。
1、在HTML5文档的<head>元素内部，添加<link>标签。
2、为<link>标签设置rel属性值为stylesheet。
立即学习“前端免费学习笔记（深入）”；
3、为<link>标签设置href属性，指向CSS文件的相对或绝对路径，例如styles.css或/css/main.css。
4、确保type属性已省略（HTML5中不再强制要求），或显式设为text/css（兼容性可选）。
二、使用style标签内嵌CSS代码
通过<style>标签将CSS规则直接写入HTML文档内部，适用于仅限当前页面使用的样式，无需额外HTTP请求。
1、在HTML5文档的<head>元素中插入<style>标签。
2、在<style>标签内部编写标准CSS规则，例如body { margin: 0; font-family: sans-serif; }。
3、可选地为<style>标签添加media属性，如media="screen"或media="print"以控制适用场景。
4、确保<style>标签未被包裹在<body>或其他非<head>区域（HTML5规范要求其位于<head>中，除非为动态注入）。
三、使用style属性为单个元素添加行内样式
通过元素的style属性直接定义CSS声明，作用范围仅限该HTML元素，优先级高于外链和内嵌样式。
1、在目标HTML元素的开始标签中添加style属性。
2、在style属性值中书写CSS声明，各声明间用分号隔开，例如color: red; font-size: 16px;。
3、注意：属性名需使用短横线分隔格式（如background-color），而非驼峰式（如backgroundColor）。
4、避免在多个元素上重复使用相同style值，否则会增加维护难度并违背样式复用原则。
