外边距合并
当一个元素出现在另一个元素的上面时，第一个元素的下外边距和第二个元素的上外边距会产生合并，两个盒子之间的上下间距为大的数值。
当一个子元素包含在另外一个父元素（假设没有内边距 没有边框），他们的上外边距会发生合并也是取大的数值。
选择器的优先级顺序
ID(#id ID选择器) > Class(.class 类选择器) > Type(header 标签选择器)
/* 行高能够设置文字垂直居中 ，只对文字起作用，对图片不起作用*/
line-height:40px;
/* rgba a为0时表示完全透明，a为1时表示完全不透明 */
background:rgba(0,0,0,0.4);
/* 第一个值：水平向右方向。第二个值：垂直向下方向。第三个值：阴影模糊。第四个值：扩大阴影。 */
box-shadow:1px 1px 2px 2px #eee;
/* 鼠标移到元素上时手指形状 */
cursor:pointer;
/* 层级越大越优先显示，只有定位元素（position）才能设置层级 */
z-index:1;
margin 的单位px em in mm %（em相对于字体尺寸设置 1em=16px）
/* 左上 右上 右下 左下 */
border-radius:10px 0 0 10px;
20个编写现代 CSS 代码的建议：https://www.oschina.net/news/77038/20-modern-css-tips