box-sizing属性的理解
使用原因盒模型布局中padding与border也是具有尺寸的，为避免其对页面布局产生影响，可使用box-sizing: border-box;属性设置盒模型，此时便可只用设置元素宽高即可。 属性详解box-sizing的值有content-box、border-box、inherit。conte...
css设置滚动条样式
css伪类选择器可修改滚动条样式，仅限webkit内核浏览器。 ::-webkit-scrollbar {/*滚动条整体*/ width: 7px; height: 7px; } ::-webkit-scrollbar-track{/*滑轨*/ background-col...
flex布局
什么是flex布局flex布局即为弹性布局，使用display: flex进行布局，此布局使得盒模型布局更易使用。值得注意的是设为flex 布局后，子元素的float、clear 和vertical-align 属性将失效。 flex的使用当元素使用flex后，该元素则成为flex容器(conta...
解决使用filter: blur时图片四周泛白的问题
发现问题在使用filter: blur(15px)模糊背景图时，发现图片周围会泛白。 解决问题查了好多办法：1、使用StackBlur.js(https://github.com/flozz/StackBlur )处理图片模糊。2、改变background-size：cover为backgroun...
