整个结构称为CSS的规则，注意里面的单独的部分也是一样的：
首先是： 选择符(selector)
HTML元素放在规则的最开始，它选择了一个或多个需要添加样式的元素，在这个例子中就是选择了所有的P元素，要给不同的元素添加样式，只需要改变选择符就行了，当然选择符有很多种，这个我们晚一点再说。
然后是：声明(Declaration)
一个单独的规则比如color:red;这指定了你想要添加的元素的属性。
再是： 属性(Properties)
这是你改变HTML元素样式的方法，上面这个例子中color就是p元素的属性。在CSS中，你通过选择合适的属性来改变你的规则。
有属性当让少不了属性值(Property value)了
在属性的右边→_→，冒号的后面，我们拥有属性值，用于从指定的属性里的非常多的外观中找到一件漂亮的衣服给她穿，变成美美哒的。所以有很多选择，女生的衣橱是吧，我们都懂得。
当然还有一些我们需要注意的小语法：
1、规则里除了选择器的部分都应该包含的成对的大括号里{}；
2、在声明里，你应该用冒号分离开属性和属性值；
3、在规则里，你应该用分号分离开各个声明。
如果要同时换几件衣服，哦，不，同时修改多个属性，你只需要将它们用分号隔开，就像这样：
p {
color: red;
width: 500px;
border: 1px solid black;
}
你也可以选择多种类型的元素然后为她们添加一组样式。要记得将不同的选择符用逗号隔开，不然她们会打架的，谁让你给她们穿一样的衣服。
p,li,h1 {
color: red;
}
选择符可以有多种多样，我们用有许多不同类型的选择符，在上面我们只看到的是元素选择符，用来选择HTML文档中给定的元素，但是我们可以选择更加具体的类型，下面是一些常用的选择符类型。
| 选择符 | 选择的内容 | 示例 |
|---|---|---|
| 元素 选择符（有时也称作标签或类型选择符） | 所有指定的 HTML 元素 |
p选择 <p>
|
| ID 选择符 | 指定 ID 的元素（在 HTML 页面中，每个 ID 只被允许指定一次） |
#my-id选择 <p id="my-id"> 或 <a id="my-id">
|
| Class 选择符 | 指定 Class 的元素（多个 Class 可以同时出现在一个页面中） |
.my-class选择 <p class="my-class"> 和 <a class="my-class">
|
| 属性 选择符 | 页面上拥有指定属性的元素 |
img[src]选择 <img src="myimage.png"> 而不是 <img>
|
| 伪类 选择符 | 指定的元素，但是需要在特殊的状态，比如悬停 |
a:hover选择 <a>, 但是只在鼠标悬停在链接上时 |
display: block;
margin: 0 auto;} 最后，我们将使图像居中来让它变得更美观。我们可以重新使用 margin: 0 auto 一次，但是我们还要做其他调整。body 元素是块级元素，意味着它占据了页面的空间并且能够赋予外边距和其他改变间距的值。与之对应的是行内元素，则不能。所以为了是图像有外边距，我们必须使用 display: block 将其改成块级元素。 对于居中有好多方法呢，这里想去了解的可以去了解下，挺有意思的，对了，别人家的HR也喜欢问这个问题，真是不知道创新。 好了，这节课就先到这里了，下节课我们将学习JS，赋予你的网页以生命。拜拜...