Web前端第二章（清华 2019.2.17）

横向改为纵向：display:inline-block
float
应用：导航栏，底部信息

inline-block:兼具两种特性
None:隐藏
推荐样式表第一条规则：*{magin:0;padding:0;}

外边距(padding):叠加的只是垂直外边距，水平外边距不叠加
Tip:左右使用像素，上下用em(让段间距随着字体变化而变化)

新特性：box-sizing

居中方法：line-height设置为元素的高度
text-align:center

背景叠加：简写 逗号隔开 先列出的在上方

Font简写:
1. 必须声明font-size,font-family的值
2. 声明顺序：
font-weight,font-style,font-variant不分先后
然后font-size
最后font-family

Text-indent:
左缩进的时候，应留出一定的空间magin-left
在设定缩进和外边距的时候要使用em