如何添加css样式

1. 内联样式
直接在 HTML 元素中添加样式，使用 style 属性。
优点：简单快捷，适用于为单个元素添加独特的样式。
缺点：难以维护，不遵循最佳实践。
示例：
html

This text is red and bold.

2. 内部样式表
在 HTML 文档的 部分中使用

This text is red and bold.

3. 外部样式表
使用独立的 .css 文件存储样式，然后通过 元素将其链接到 HTML 文档。
优点：最佳实践，便于维护和重用，适合大型项目。
缺点：需要额外的 HTTP 请求。
示例：
外部样式表 (style.css):
css
p {
color: red;
font-weight: bold;
}
HTML 文档：
html

This text is red and bold.

4. 嵌入式样式表
使用 CSS 嵌入式语法将样式直接添加到 HTML 元素。
优点：简单快捷，适用于需要在单个元素中应用复杂样式。
缺点：不遵循最佳实践，难以维护。
示例：
html

This text is red and bold.

最佳实践
优先使用外部样式表，以实现最佳维护性和代码可复用性。
为不同的元素创建有意义的类或 ID 选择器，以保持 CSS 的语义性。
使用 CSS 预处理器（例如 SASS 或 LESS）来提高 CSS 开发的可维护性和可扩展性。
遵循 CSS 命名约定，以增强代码的可读性和一致性。