style 内联样式
style 属性设置颜色、字体、大小、背景、对齐、边距
HTML 样式 style
通过 style 属性可以直接给元素设置 CSS 样式——虽然不推荐大量使用（应该用外部 CSS），但了解它有助于理解 HTML 和 CSS 的关系。
学完本章你将： 掌握 style 属性设置颜色、字体、大小、边距、对齐。
基本用法
html
<!-- style="属性: 值; 属性: 值;" -->
<p style="color: red;">红色文字</p>
<p style="font-size: 20px;">大号文字</p>
<p style="font-family: 微软雅黑;">微软雅黑字体</p>常用样式属性
html
<!-- 颜色 -->
<p style="color: blue;">蓝色文字</p>
<!-- 背景色 -->
<p style="background-color: yellow;">黄色背景</p>
<!-- 字体大小 -->
<p style="font-size: 24px;">24像素文字</p>
<!-- 文字对齐 -->
<p style="text-align: center;">居中文字</p>
<!-- 边距 -->
<p style="margin: 20px;">外边距 20px</p>
<p style="padding: 10px;">内边距 10px</p>
<!-- 边框 -->
<p style="border: 1px solid #333;">带边框</p>多个样式组合
html
<p style="color: white; background-color: #333; padding: 10px; text-align: center;">
白色文字 + 深灰背景 + 内边距 + 居中
</p>⚠️ 内联样式优先级最高但难以维护——学习 CSS 后用外部样式表。