这是我参与「第五届青训营 」伴学笔记创作活动的第2天
前言
在对HTML有了基本的了解后，我们发现，HTML虽然对整个web网页的结构起到了十分重要的作用，但是仅仅只依靠HTML难以制作出精美的网页，在这样的环境下，本次的主角即将登场。
什么是CSS
CSS意为层叠样式表（Cascading Style Sheet），用于为HTML提供各式各样的装饰效果。例如改变div容器的大小，加入内外边距，或是为图片添加圆角等细微的样式调节，便是CSS在web网页中的作用。CSS是整个web网页的“美容师”，有了CSS，整个网页的内容才会更精彩。
CSS的标准
各个浏览器对CSS的实现上存在各种差异，为了便于开发，大家制定了一套统一的标准。W3C标准是目前运用最广泛的CSS标准，具体可以到达W3C官网查看.
CSS选择器
如何书写CSS呢，这就要介绍选择器的概念。CSS通过选择器将需要装饰的元素结点筛选出来，为其执行CSS代码。
标签选择器
最简单的选择器，例如下方筛选div元素的选择器。
div {
width: 200px;
height: 200px;
background-color: gray;
}
它能够筛选出所有的div元素，并指定其宽高为200px，并且拥有灰色背景色。这样，我们便可以粗略的筛选出需要进行样式调整的HTML元素。
类选择器
看完标签选择器，你一定觉得它选择的元素太过广泛，div元素可能会有很多很多，如果我们只有标签选择器的话，整个编码会十分困难，我们很难找到需要装饰的元素，此时，我们可以使用更为精确的类选择器。
.box {
width: 200px;
height: 200px;
background-color: gray;
}
类选择器的前方都以点开始，后跟类名，这样我们筛选出的就是HTML元素中class属性为box的元素，我们便可以根据适当的类名来精确的调整样式了。
总结
本次了解了CSS的用法，让我们明白了web网页中各个精美的样式的原理，相信只要不断努力，我们也能设计出这样精美的web网页。
