CSS开发过程中的20个快速提升技巧
摘要:本文涵盖了20个CSS技巧,可以解决许多工作中常见的问题, 让你也成为一个CSS高手。 1、使用CSS重置(reset) css重置库如normalize.css已经被使用很多年了,它们可以为你的网站样式提供一个比较清晰的标准,来确保跨浏览器之间的一致性。 大多数项目并不需要这些库包含的所有规则,可以通过一条简单的规则来应用于布局中的所有元素,删除所有的margin、padding改变浏览器默认的盒模型。 *{box-sizing:border-box;margin:0;padding:0} 使用box-sizing声明是可选择,如果你使用下面继承的盒模型形式可以跳过它。 2、继承盒模型 让盒模型从html 继承: html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } 3、使用flexbox布局来避免margin的问题 (Get Rid of Margin hacks width Flexbox) 当你多少次试着去设计栅格布局如:组合或者图片画廊,如果使用浮动的方式,那么就需要...

