可通过内嵌CSS、引入外部CSS文件或使用行内style属性为HTML5页面元素添加样式：一、用<style>标签在<head>中写CSS；二、用<link>标签引用外部.css文件；三、在元素标签中直接写style属性。
如果您希望在HTML5文档中为页面元素添加样式，则可以通过内嵌CSS或引入外部CSS文件来实现。以下是具体操作方法：
一、使用style标签内嵌CSS
该方法将CSS代码直接写在HTML文档的<head>部分中，适用于样式较少、仅用于当前页面的场景。内嵌样式具有较高优先级，可快速覆盖浏览器默认样式或外部样式表中的同名规则。
1、在HTML5文档的<head>标签内插入<style>标签。
2、在<style>标签内部编写CSS选择器与声明块，例如：body { margin: 0; font-family: sans-serif; }。
立即学习“前端免费学习笔记（深入）”；
3、确保<style>标签闭合，且其中不包含HTML标签或JavaScript代码。
4、保存HTML文件后，在浏览器中打开即可看到样式生效效果。
二、链接外部CSS文件
该方法将CSS代码单独保存为.css扩展名的文件，并通过<link>标签在HTML5文档中引用。适用于多页面共享样式、便于维护和团队协作的项目结构。
1、新建一个纯文本文件，命名为style.css，用UTF-8编码保存。
2、在该文件中编写CSS规则，例如：h1 { color: #333; text-align: center; }。
3、在HTML5文档的<head>中插入<link rel="stylesheet" href="style.css">标签。
4、确认href属性中的路径正确——若CSS文件与HTML文件不在同一目录，需使用相对路径（如css/style.css）或绝对路径。
三、使用行内style属性
该方法直接在HTML元素的开始标签中添加style属性，定义该元素的专属样式。适用于临时调试或个别元素需特殊样式的情况，但不推荐大规模使用，因其违反结构与表现分离原则。
1、在目标HTML元素的开始标签内添加style属性，例如：<p style="color: blue; font-size: 16px;">段落文本</p>。
2、style属性值中每条声明以英文分号分隔，属性名与值之间用英文冒号连接。
3、避免在style属性中使用引号嵌套引号，若需在CSS值中使用双引号，可用单引号包裹整个style值，反之亦然。
4、注意行内样式的优先级高于外部样式表和内嵌样式，可能覆盖其他CSS规则。
