HTML和CSS基础复习（下，未完待续）

上午，复习了HTML，下午我就来复习下CSS，CSS非常重要，特别是一些基础的理论，有心学前段的同学们一定要把理论知识掌握好，为什么这么说呢？

1.学东西我们就要把学到的知识在想要用到的时候能够随心所欲地说出来，每个人都有好为人师的一面，只是很多人在这方面还尚待开发而已。（说白了，你要能在女孩子面前吹水，装13,要不然，花了这么多时间干啥？）
2.上周我去参加面试，那个面试官就问我说：“你知道什么是盒子模型吗？他是用来干啥呢？他的底层原理是什么？”我一听当时就蒙蔽了，盒子模型，你让我画我画的出来，相信很多人会这么说，然而这并没有什么乱用。跟着小贝，一起来复习复习吧。
3.经济基础决定上层建筑，如果你是学生那么很高兴和你说，基础很重要--没错这是句废话，因为校园招聘考的就是基础知识，如果你是大牛，请带着你的项目，去校外捞金，不要去参加校园招聘坑太多了。

废话了，那么多我们进入主题：
一.基础概念
1.CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式。
2.就像在Html的注释一样，在CSS中也有注释语句：用/*注释语句*/来标明（Html中使用<!--注释语句-->)。
3.如何给一个页面添加CSS？主要有：内联式、嵌入式和外部式三种方式（具体自己脑补）；记住他们的优先级：内联式 > 嵌入式 > 外部式,当然，嵌入式 > 外部式 有个前提条件，这个前提条件留给看官自己思考。
4.标签选择器，类选择器.的比较
相同点：可以应用于任何元素
不同点：
a、ID选择器只能在文档中使用一次。（ID具有唯一性）
b、可以使用类选择器词列表方法为一个元素同时设置多个样

5、子选择器，包含（后代）选择器区别
子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。

总结：>作用于元素的第一代后代，空格作用于元素的所有后代。

6、伪类选择符,它允许给html不存在的标签（标签的某种状态）设置样式,eg：
a:hover{ }

7.分组选择符:当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，）.eg: p,span{color:red}/*设置段落和span里面的字体颜色*/

8.继承
CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。

9、权值的了解：
标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码：

p{color:red;} /*权值为1*/
p span{color:green;} /*权值为1+1=2*/
.warning{color:white;} /*权值为10*/
p span.warning{color:purple;} /*权值为1+1+10=12*/
#footer .note p{color:yellow;} /*权值为100+10+1=111*/

注意：还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。

10、层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。
内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。

11、重要性
我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决。
注意：!important要写在分号的前面

12、文字排版的相关属性：

font-family:"Microsoft Yahei", 字体类型
font-size:20px, 字体大小
font-weight:bold, 字体粗细
font-style:italic,斜体字
text-decoration:underline,下划线
text-decoration:line-through,删除线

13.段落排版

p{text-indent:2em}，段落缩进。
p{line-height:2em},段落行高
p{letter-spacing:20px,word-spacing}段落排版--中文字间距、字母间距
div{text-align:center;},文字居中