样式初始化(reset)：
body,h1,h2,h3,h4,h5,h6,p,dl,dd{margin:0;}
ul,ol{margin:0;padding:0;}
a{color:#000;text-decoration:none;}
li{list-style:none;}
img{border:none;}
css reset 原则：但凡是浏览默认的样式，都不要使用。
父级 后代｛｝ 后代选择器
标签的两大阵营：
块级标签 特征：默认宽度100%; div
内联标签 特征：内容撑开宽度; span
块级标签 display:block;
(
* address - 地址* blockquote - 块引用* center - 举中对齐块* dir - 目录列表
* div - 常用块级容易，也是css layout的主要标签* dl - 定义列表* fieldset - form控制组
* form - 交互表单* h1 - 大标题* h2 - 副标题* h3 - 3级标题* h4 - 4级标题* h5 - 5级标题
* h6 - 6级标题* hr - 水平分隔线* isindex - input prompt* menu - 菜单列表
* noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容
* noscript - ）可选脚本内容（对于不支持script的浏览器显示此内容）
* ol - 排序表单* p - 段落* pre - 格式化文本* table - 表格* ul - 非排序列表
)
特征：
A 默认宽度100%
B 独占一行 ----霸道
C 可以设置宽高
D 支持所有的CSS
内联标签 display:inline(
* a - 锚* abbr - 缩写* acronym - 首字
* b - 粗体(不推荐)* bdo - bidi override* big - 大字体* br - 换行* cite - 引用
* code - 计算机代码(在引用源码的时候需要)* dfn - 定义字段* em - 强调* i - 斜体
* font - 字体设定(不推荐)* img - 图片* input - 输入框* kbd - 定义键盘文本
* label - 表格标签* q - 短引用* s - 中划线(不推荐)* samp - 定义范例计算机代码
* select - 项目选择* small - 小字体文本* strike - 中划线* textarea - 多行文本输入框
* span - 常用内联容器，定义文本内区块* strong - 粗体强调* sub - 下标
* sup - 上标* tt - 电传文本* u - 下划线* var - 定义变量
)
特征：
A 内容撑开宽度
B 横排显示 ----友好
C 不支持宽高
D 不支持垂直margin
E 上下padding只对自身有效（诡异）
问题：不支持margin auto;
内联标签与内联标签之间会有间隙（回车和空格会被解析）
display 显示类型:
block 块 使元素具备内联元素的特性
inline 内联 使元素具备块元素的特性
inline-block 使元素具备块及内联元素的特性
none 不显示
inline-block 特征：
A 默认内容撑开宽度
B 横排显示 ----友好
C 支持宽高
D 支持margin,padding
问题：
E 不支持margin:auto
F 回车和空格会被解析
text-align文字水平对齐方式
left 左对齐
right 右对齐
center 居中对齐
（对图片也有效）
对子级inline及inline-block元素有效