初识CSS

CSS （Cascading Style Sheets，层叠样式表）是用来控制网页在浏览器中的显示外观的声明式语言。

对于CSS的初步认识，大概是一个完整的网页需要使用HTML基本构成元素，如内联元素和块级元素，HTML作为网页的骨架，使用CSS可以在网页骨架的基础上，插入外部的图片、声音、视频等资源，以及填充元素颜色、添加链接等等，改善网页外观和功能。为了能使用CSS实现这些效果，对于CSS文档流以及盒子模型得有一些了解，如下：

CSS文档流

文档流：文档内联元素和块级元素的文档流略有不同，具体如下：
1.内联元素文档流是从左往右，遇到阻碍将换行；
2.内联元素文档流换行处，连续的字符不会换行，但连续字符会当成一个文字，可通过连字符号'-'断开，或者设置内联元素word-break属性改变字符连接属性，对连续字符换行；
3.块级元素文档流，是每个块从上往下依次占据一行，默认高度自适应。

内联元素不接受width/heigth设置；
内联元素之间"空位"会压缩为一空格符，可&nbsp增加空位；
内联元素line-height与font-size比值由不同字体决定；
多个内联元素组成的一行，该行的行高line-height，为内联元素各自行高的公共行高。

CSS盒子模型

CSS盒子模式属性:内容(content)、内边距(padding)、边框(border)、外边距(margin)。
下面这个盒子可以直观解释盒子的属性，盒子有上下左右四条边框(border)，所以每个属性除了内容（content），都包括四个部分：上下左右；这四部分可同时设置，也可分别设置；内边距（padding）可以理解为盒子里装的东西和边框的距离，而边框有厚薄和颜色之分，内容就是盒子中间装的东西，外边距(margin)就是边框外面自动留出的一段空白。

盒子模型