8、CSS入门：健身俱乐部网站设计指南

CSS入门：健身俱乐部网站设计指南

1. 项目背景与目标

Alison Palmer经营着一家名为Tri and Succeed Sports的健身俱乐部，位于德克萨斯州奥斯汀，专门为有志于参加铁人三项和其他耐力运动的男女提供指导。该中心全年提供跑步、游泳、骑自行车和综合健身的一对一及团体培训课程。Alison希望为俱乐部的网站进行一次改造，运用色彩和有趣的排版来增强视觉吸引力和影响力，并要求使用CSS来实现这一目标。

1.1 学习目标

本次学习分为三个阶段，具体目标如下：
| 阶段 | 目标 |
| ---- | ---- |
| 阶段2.1 | 探索CSS的历史、研究不同类型的样式表、了解样式优先级和继承、在CSS中应用颜色 |
| 阶段2.2 | 使用上下文选择器、处理属性选择器、应用文本和字体样式、使用网络字体 |
| 阶段2.3 | 定义列表样式、处理边距和内边距空间、使用伪类和伪元素、使用CSS插入页面内容 |

1.2 初始数据文件

包含多个文件夹和文件，如 case2 、 tutorial 、 review 等，每个文件夹下有对应的HTML和CSS文件。

2. CSS基础概念

2.1 HTML与CSS的关系

HTML主要用于定义文档的结构和内容，而页面的外观则由一个或多个用CSS编写的样式表决定。CSS规范由万维网联盟（W3C）维护，目前最新版本是CSS3。CSS3并非基于单一规范，而是由多个模块组成，每个模块专注