内联样式是通过HTML元素的style属性直接设置CSS规则，仅作用于当前元素。例如使用<p style="color: red; font-weight: bold; font-size: 18px;">可将文字设为红色、加粗、18px大小。常见属性包括color、background-color、font-size等。它适用于临时修改或单个元素调整，如调试或邮件模板。但由于优先级高、不利于复用且降低代码可读性，建议仅在必要时使用，常规开发应优先采用外部或内部样式表。
在HTML中直接控制单个元素的样式，最直接的方式是使用内联样式（inline style）。这种方式通过在元素的 style 属性中写入CSS规则，实现对特定元素的样式控制。
什么是内联样式？
内联样式是将CSS代码直接写在HTML元素的 style 属性中。它只作用于当前元素，不会影响页面上的其他元素。
语法格式如下：
<元素名 style="属性: 值; 属性: 值;">内容</元素名>
立即学习“前端免费学习笔记（深入）”；
如何使用style属性设置样式
例如，你想让一个段落文字变成红色、加粗，并设置字体大小为18px，可以直接这样写：
<p style="color: red; font-weight: bold; font-size: 18px;">这是一段红色加粗的文字</p>
常见可设置的样式包括：
- color：设置文字颜色
- background-color：设置背景色
- font-size：设置字体大小
- text-align：设置文本对齐方式
- margin 和 padding：设置外边距和内边距
- border：设置边框
使用场景与注意事项
内联样式适合用于临时修改或仅作用于单个元素的场景，比如调试、动态生成内容或邮件模板中（因为部分邮箱客户端不支持外部CSS）。
但需要注意：
- 内联样式优先级较高，会覆盖外部样式表和内部样式表中的相同规则，可能导致样式难以维护
- 不利于复用，多个元素需要相同样式时，需重复书写
- HTML与CSS混杂，降低代码可读性和维护性
因此，建议仅在必要时使用内联样式，常规开发中推荐使用外部CSS文件或内部样式表。
基本上就这些。灵活使用 style 属性能快速调整单个元素外观，但别过度依赖。
