WEB 前端

1. 磨砂效果

-webkit-filter: blur(2px);
-moz-filter   : blur(2px);
-ms-filter    : blur(2px);
-o-filter     : blur(2px);
filter        : blur(2px);

2. 让body大小与窗口大小一致

html, body {
   height: 100%;
} 

3. CSS优先级

CSS样式选择器分为4个等级，a、b、c、d，可以以这四种等级为依据确定CSS选择器的优先级。

1. 如果样式是行内样式（通过Style=””定义），那么a=1
2. b为ID选择器的总数。
3. c为Class类选择器的数量。
4. d为类型选择器的数量。
5. 属性选择器，伪类选择器和class类选择器优先级一样，伪元素选择器和类型选择器一样
6. !important 权重最高，比 inline style 还要高

4. 外边距重合

边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。

• 两个或多个块级盒子的垂直相邻边界会重合（水平边界不会）。 重合结果的边界宽度是相邻边界宽度中最大的值。
• 如果出现负边界，则在最大的正边界中减去绝对值最大的负边界。
• 如果没有正边界，则从零中减去绝对值最大的负边界。
• 例外情况：
  1. 相邻的盒模型中，如果其中的一个是浮动的（float），垂直margin不会重叠，并且浮动的盒模型和它的子元素之间也是这样。
  2. 设置了overflow属性的元素和它的子元素之间的margin不被重叠（overflow取值为visible除外）。
  3. 设置了绝对定位（position:absolute）的盒模型，垂直margin不会被重叠，并且和他们的子元素之间也是一样。
  4. 设置了display:inline-block的元素，垂直margin不会重叠，甚至和他们的子元素之间也是一样。
  5. 一个应用了清除操作的元素的margin-top绝不会和它的块级父元素的margin-bottom重叠。
  6. 根元素的垂直margin不会被重叠。
• easy解决办法：设置padding值。