HTML5 样式设置有三种方式：一、内联 style 属性，仅作用于当前元素；二、标签内嵌 CSS，作用于整个文档；三、引入外部 CSS 文件，实现结构与样式分离；优先级为内联>内嵌 / 外部，后加载覆盖先加载。
如果您希望为 html 5 文档中的元素设置样式，可以通过内嵌 style 属性或引入外部css 文件来实现。以下是具体操作方式：
一、使用内联 style 属性写样式
内联样式直接在 html 元素 的 style 属性中定义 CSS 规则，作用范围仅限于当前元素，适用于单次、局部样式的快速应用。
1、在需要设置样式的 HTML 标签中添加 style 属性，例如
文本内容
。
2、style 属性值需为合法 CSS 声明，多个声明之间用英文分号分隔，末尾分号可省略但建议保留。
3、注意 style 属性中不能包含 选择器 或大括号，只允许写属性名与值的 键值对 形式，如 color: blue、margin-top: 8px 等。
二、使用
1、将
标签放置在
区域内，确保样式在页面渲染前加载。
2、在
3、支持所有 css 选择器，包括类选择器（.class）、id 选择器（#id）、元素选择器（div）及组合器，但 不能在其中使用 @import 或 @charset 等 CSS 指令（除非位于首行且符合规范）。
三、引入外部 CSS 文件
通过 标签引用独立的。css文件，实现结构与样式的完全分离，有利于团队协作与样式复用。
1、在
区域添加 ，其中href 值为 CSS 文件的相对或绝对路径。
2、确保 CSS 文件以 UTF-8编码 保存，且服务器返回的 Content-Type 为 text/css。
3、若 CSS 文件未生效，需检查 文件路径是否正确、是否存在 404 错误、浏览器 是否缓存旧版本 CSS。
四、优先级与冲突处理
当同一元素被多种方式定义样式时，浏览器 依据 CSS 特异性与来源顺序决定最终生效规则。
1、内联 style 属性具有最高优先级，会覆盖
2、
3、使用！important 可强制提升某条声明的权重，但 应避免滥用，尤其不得在内联 style 中使用！important（html5规范不支持）。
