在HTML文档中添加样式可以通过多种方式实现，主要包括内联样式、内部样式表和外部样式表。每种方法都有其独特的应用场景和优缺点。
内联样式是直接在HTML元素中使用style属性。例如：`
这是一个蓝色的段落。
`。这种方法使得每个元素的样式独立，适用于少量样式需求。
内部样式表是将CSS代码放置在HTML文档的`n
部分，使用。这样，可以方便地为多个元素提供统一样式，适合于中小型项目。
外部样式表是将CSS代码保存在一个独立的.css文件中，并通过
标签链接到HTML文档。例如：
。这种方法利于代码的重用与维护，适合大型项目的风格管理。
在这些方法中，外部样式表最为推荐，存放在自己的文件中使得样式与结构分离，提高了代码的可读性和可维护性。
CSS选择器用于指定应用样式的元素。常见选择器包括元素选择器、类选择器和ID选择器。例如，类选择器以句点开头，`
`应用样式时可通过`.container { }`来定义。
CSS属性名与值的组合通过冒号连接，使用分号分隔不同属性。例如：`color: red; font-size: 16px;`。可使用多种CSS属性改变文本、背景、边框等元素的样式。
媒体查询是CSS的一个重要特性，可以根据不同设备的特性应用不同样式。媒体查询通过`@media`规则使用，可以实现不同屏幕尺寸或方向下的响应式布局。
CSS框模型定义了元素的宽度和高度，包括边距、边框和内边距。理解这一模型对于布局设计至关重要。
使用层叠样式表的优点不仅是样式的灵活性，即使在不同文档中，统一风格也相对易于实施。保持样式与内容的分离使得维护更为简单。
在编写CSS时，使用简洁的撰写方式避免重复，采取外部样式表可以使得代码优雅简单。通过这些方式可以有效地为HTML文档添加丰富的视觉效果和布局。
