HTML与CSS学习 day12

• css盒子模型
  盒子不会因为边框大小和内边距而变大撑开

 box-sizing: border-box;

盒子会因为边框大小和内边距而变大撑开

 box-sizing: content-box;

 * {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }

• css滤镜 blur（模糊）
  blur里面单位越大 图片越模糊

  filter: blur(15px);

• calc函数
  始终与父盒子宽度保持30px距离
  数值之间必须留有空格

 width: calc(100% - 30px);

• CSS过渡

transition：变化的属性 花费时间 运动曲线

 transition: width 0.5s ease 1s;