10 CSS3新特性-盒子模型

45 阅读1分钟

盒子模型 border-box

css3可以 使用 box-sizing 来指定盒模型,值有2个: content-box \ border-box

box-sizing:content-box

这个盒子大小为 width+padding+border (以前默认的)

box-sizing:border-box

这个盒子大小为 width ,那么padding和border 就不会撑大盒子了

image.png image.png

图片模糊处理 filter:blur()

image.png image.png

计算盒子宽度 calc

image.png