css 笔记

外边距合并

当一个元素出现在另一个元素的上面时，第一个元素的下外边距和第二个元素的上外边距会产生合并，两个盒子之间的上下间距为大的数值。

当一个子元素包含在另外一个父元素（假设没有内边距 没有边框），他们的上外边距会发生合并也是取大的数值。

选择器的优先级顺序

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