# 3.1 初识CSS

**Inquiry Learning**

*尝试向你的同学解释下列概念：*

1. 什么是层叠样式表（*Cascading Style Sheets*）？
2. CSS 规则的两个主要构成部分是什么？
3. HTML和CSS什么关系？

**Learning by Reading**

阅读[CSS 教程](http://www.w3school.com.cn/css/index.asp) 到 「CSS 伪元素」章节

## 引用 CSS

### 1. HTML 外部样式表

为了让CSS效果能在HTML中显示出来，我们需要在HTML文档中引用CSS文件。引用CSS最好的办法是把所有的样式代码放在额外的一个文件中，在HTML文档中的元素中引用此文件。

**Inquiry Learning** ： 想一想这样引用CSS的好处？

### 2. 另外两种引用CSS的方法：

* 内部样式表
* 内联样式

**Inquiry Learning** ： 当同一个 HTML 元素被不止被以上三种方法定义时，会使用哪个样式呢？

**Learning by Reading** ：阅读 [HTML CSS](http://www.w3school.com.cn/html/html_css.asp) & [CSS 简介](http://www.w3school.com.cn/css/css_intro.asp) & [如何创建 CSS](http://www.w3school.com.cn/css/css_howto.asp)