在前天和昨天的课程中，我已经系统的学习了HTML中常用的一些标签以及表单、列表、表格等标签；在HTML中我们也能够让文本居中对齐。一般使用的是align属性设置值为center,但在W3C的标准文档中是不推荐使用这个属性的；作为被废弃的属性。我们一般是通过CSS来实现类似于P标签内文字的居中效果(通过text-align:center；来完成)
CSS：指层叠样式表，如果说整个网页作为一个房子；那么HTML就是这个房子的骨架，钢筋和混泥土而CSS就是在钢筋混泥土搭建起来的房子中刷上去漆；粉刷墙壁 安上窗帘等修饰效果。HTML作为内容而CSS则作为内容的表现
首先我们需要了解CSS是如何工作的，我们知道CSS是用来对HTML的样式进行设置和变换；但对于其底层机制却不甚了解。
CSS如何影响HTML：浏览器将CSS规则应用于文档以影响它们的显示方式。CSS规则有：
一组属性，属性的值更新了HTML的内容的显示方式；一个选择器，它选择我们需要进行样式更改的元素
CSS实际上工作：当浏览器解析HTML显示文档时，它必须将文档的内容与其样式信息结合；主要分为两个阶段来处理
a.浏览器将HTML和CSS转换成DOM（文档对象模型）。DOM在计算机内存中表示文档。它把文档和其样式结合在一起
b.浏览器显示DOM的内容
主要流程如下图所示：图来源于MDN
在后面我们会具体说到DOM文档对象模型的，另外今天还学习常用的CSS样式的种类以及其优先级；常用的CSS样式有三种，它们分别是：内联样式(行内样式)、内嵌样式以及外联样式；现在普遍承认的规则是内联样式>内嵌样式>外联样式 但有时候也会有一些特殊的情况存在;因此我们又提出了一个口诀叫做：离得近的有限；即当三种样式都存在于一个标签时，离这个标签最近的样式其作用。
在后面学习了CSS常用的四种基本选择器:标签(元素)选择器、类选择器、id选择器、通配符选择器；对于这四种选择器的优先级排序是:id选择器>类选择器>id选择器>通配符选择器 在四种基本选择器之外衍生出来还有伪类选择器、群组选择器、后代选择器、子元素选择器等；另外当选择器的优先级相同时，我们通过权重计算来进行计算；各种选择器所占的权重如下:标签选择器占的权重为1 通配符选择器的权重为0 类选择器的权重为10 id选择器的权重为100 行内Style的权重为1000；每个选择器的权重都有一个最大的阈值。最大不能超过其上一个优先级元素的权重。