释义：布局、版式
释义：液体、液体的；不固定的、流畅的
释义：固体、固体的；结实的、可靠的
http://www.w3school.com.cn/quiz/quiz.asp?quiz=css
检查兼容性
查看兼容方案
现有样式不能满足人们的需求
人们需要：
CSS 2 并没有提供原生支持，所以需要将一些属性组合起来，以实现布局
中国特色，国外一般不这么叫
<div> 是一个无语义的标签，适合用来做与内容无关的事情
只能用 <div> 吗？
响应式布局 —— 多终端（PC、Pad、Phone）
一栏布局
一栏布局（通栏）
一块居中
多块居中
多块居中（无间隙）
如何水平居中
margin-left: auto; margin-right: auto;
如何定宽
width: 1000px; 或 max-width: 1000px;
.parent{text-align:center;} .child{display: inline-block;}
IE 6 不支持 inline-block？（不支持吗？）
.child{*display: inline; *zoom: 1;}
只学理论是没有用的
模仿
改动
原创
展示、评价
学习的循环
要求：实现一个双栏布局（色块）
时间：一周
By 方方
