CSS复位,极简主义

CSS重置帮助的造型元素提供一个干净的石板执行不同的浏览器风格的一致性。像正常化资源等,在管理这个做了出色的工作。对于一个几年现在,我选择去与简约的方法来重置并发现它是同样有用: CSS * { box-sizing: border-box; margin: 0; padding: 0; } 现在的元素将被剥 WP网站建设

CSS重置帮助的造型元素提供一个干净的石板执行不同的浏览器风格的一致性。像正常化资源等,在管理这个做了出色的工作。对于一个几年现在,我选择去与简约的方法来重置并发现它是同样有用:

CSS

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

现在的元素将被剥离边距和填充,并box-sizing允许您管理使用布局CSS盒模型。

另一种极简选择是让box-sizing从继承html选择:

CSS

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

这使得更容易改变box-sizing的插件或其他组件利用其他行为。

一刀切?

你可能会看着这个,问一个显而易见的问题:“那是真的够了吗?”CSS重置库做大量的额外工作,所以很容易看这个解决方案,并承担三行代码是不够的。这是由你来决定。

如果这个方法确实只够你需要什么,为什么要集成一个单独的资源?如果你决定你需要一个完整的CSS库,至少你已经给它未来项目的一些额外的想法。

原创文章,作者:网站建设,如若转载,请注明出处:https://www.davidwu.net/archives/8701

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

在线咨询:点击这里给我发消息

邮件:itbound@sina.com

工作时间:周一至周六,9:30-18:30

 

QR code