2、用层叠样式表（CSS）为HTML带来更多功能

用层叠样式表（CSS）为HTML带来更多功能

1. 理解CSS

层叠样式表（CSS）是一种样式表语言，用于描述用标记语言（通常是HTML或XHTML）编写的文档的外观和格式。它也可以用于XML编写的页面，甚至可以用来格式化Flash电影中的文本，以及许多其他应用程序。CSS通过一系列规则来格式化网页，这些规则可以触发下一个规则，形成所谓的“层叠”。

CSS的主要目的是将内容与样式分离，从而提高了页面的可维护性和灵活性。它使得网页设计者可以更轻松地管理页面样式，同时保持内容的独立性。例如，通过CSS，我们可以将字体、颜色、边距等样式信息集中在一个地方，从而避免在HTML中混杂大量格式化代码。

为什么使用CSS？

• 提高效率 ：通过外部样式表，可以一次性定义样式，应用于多个页面，减少了重复劳动。
• 增强一致性 ：确保整个网站的样式统一，提升了用户体验。
• 简化维护 ：修改样式时只需更新一个文件，所有引用该样式表的页面都会自动更新。
• 优化性能 ：减少HTML文件中的冗余代码，降低了页面加载时间。

2. 样式类型

CSS支持三种主要的样式类型：内联样式、内部样式和外部样式。每种类型有不同的应用场景和优缺点。

2.1 内联样式

内联样式是直接在HTML标签中定义的样式。例如：