《CSS权威指南》读书笔记（1）

　　因为之前不是做前端的，所以对CSS的知识也只局限于常用的一些内容。最近打算系统学习一下前端的内容，所以决定从《CSS权威指南》入手，系统的学习一下CSS的内容。

第一章、CSS和文档

　　1、前面主要讲了一些远古时期CSS还没有出现的时候，HTML对一些显示要求的处理。比如，创作人员开始要求能够将文本变为粗体或者斜体，而当时的HTML还不足以处理这些需求，迫于这些压力，开始出现了诸如<font>和<big>之类的标记元素。

突然之间，原来描述结构的语言开始描述外在表现了。

　　我们学习HTML5也可以发现，浏览器开始不鼓励我们使用<fout>之类的处理外在表现的元素了，原因有很多：

<h2><font color="blue">我是标题</fout></h2>

　　这只是一个标题，假如现在有一个网站，有100个页面，每个页面5个标题，那你需要写多少<font></font>标签？如果你写好了，老板突然想让你把标题的颜色更换为红色呢？想想都觉得恐怖。

　　而使用CSS表只需要一条规则：

h2 {
  color:blue;
}

　　是不是要简单多了？

　　2、替换元素与非替换元素

　　　　2.1、替换元素

　　　　　　替换元素是指用来替换元素内容的部分并非由文档内容直接表示。比如img元素：

<img src="boy.jpg"></img>

　　　　　　这个标签不包含任何内容，除非把它指向一个图片文件，否则它没有任何意义。

　　　　2.2、非替换元素

　　　　　　大多数HTML元素都是非替换元素，比如常见的<span></span>，<div></div>等。这些标签的内容完全由标签体中的内容所决定。

　　3、块级元素与行级元素

　　　　3.1、块级元素

　　　　　　块级元素生成一个元素狂，它会填充其余父元素的内容区，旁边不能有其他元素。也就是说，它和其他元素产生了“分隔符”。

　　　　　　我们常用的块级元素：div，p，h1~h6，from等

　　　　3.2、行级元素

　　　　　　行级元素在一个文本行内生成元素狂，而不会打断这行文本。这些元素不会在之前或者之后产生“分隔符”，所以可以出现在另一个元素的内容中，而不会破坏其显示。

　　　　　　我们常见的行级元素：a，strong，em，br，input，span等