CSS简介

CSS：层叠样式表，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（HTML的一个子集）等文件样式的计算机语言。CSS不仅可以静态的修饰网页，还可以配合各种脚本语言动态的对网页各元素进行格式化；CSS能够对网页中元素位置的排版进行像素级精确控制；

CSS核心内容：标准流、盒子模型、（盒子间的）浮动、（盒子间的）定位；

标准流

html标准流：就像上面的代码一样，html中栏目一、栏目二、栏目三依次从上到下排列，所以在页面输出的时候也是按照这个顺序输出的；

盒子模型

网页里面有内容、内边距、边框、外边距，CSS盒子模式都具备这些属性；这些属性可以类比我们日常生活中的盒子（箱子）来理解，箱子也具备这些属性；

以下特性：
边距可以理解为盒子里面装的东西和边框的距离；
内容就是盒子中间装的东西；外边距就是边框外面自动留出的一段空白；
填充就是怕盒子里面装的东西（贵重的）损坏而添加的泡沫或者其他抗震的辅料；填充只有宽度属性，每个HTML标记都可以看作一个盒子；
边框就是盒子本身，边框有厚薄和颜色之分；

浮动

CSS浮动
浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止；

定位

CSS定位：属性允许你对元素进行定位；
相对定位：相对一个元素，进行移动；
绝对定位的元素的未知相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块；