01-CSS-概述、与HTML的结合方式

一、概述

CSS（层叠样式表）是一种用于控制网页外观和布局的样式语言。它可以独立于 HTML 或 XHTML 文档，以及任何标记语言使用，因此可以用于设计不同类型的文档，如 XML、SVG、XUL 等。CSS 提供了广泛的样式选择器，包括元素类型、类别、id、属性和伪类别等，还可以针对不同媒体类型和响应视口大小自适应调整样式。

使用 CSS 的好处包括以下几个方面：

1. 分离内容和样式：CSS 可以将网页的样式代码与 HTML 文档分离开来，使得修改样式更加灵活、可维护，同时也能提高文件复用率和网站性能。

2. 页面加载更快：将样式表从 HTML 文档中移除，可以减少 HTML 文件的大小，从而缩短页面的加载时间，提升用户体验。

3. 样式统一性：使用 CSS 可以定义全局样式，实现网页内样式风格统一，提高视觉效果和品牌识别度。

4. 响应式设计：CSS 提供了响应式设计的功能，可以根据不同的设备屏幕尺寸和方向调整布局和显示效果，从而提高网站的可访问性和用户体验。

5. 可扩展性：CSS 语言具有很高的可扩展性，新的 CSS 特性和模块被持续提出