重置 CSS 的注意事项

重置 CSS 的注意事项

主要原因是修复不同浏览器之间默认样式的不一致之处。

先保存起来！我们开始吧……

* {
   box-sizing : border-box;
}

* {
   margin : 0;
   padding : 0;
}

或者

body {
   margin : 0;
   padding : 0;
}

button,
input,
optgroup,
select,
textarea {
   font-family : inherit;
   font-size : 100%;
   line-height : 1.15;
   margin : 0;
}

❌

ul, li {
   list-style : none;
}

而是从特定元素中移除
✅

.navigation {
   list-style: none;
}

❌

:focus {
   outline : none;
}

或者，您可以更改它的样式
✅

:focus {
   outline: none;
   box-shadow: 0 0 0 2px #565663;
}

它们对于保持风格一致绝对很有用，而且还能为你提供一个干净的创作空间。

你在项目中使用重置 CSS 吗？
分享你的想法，我们在评论区一起交流吧！

PS：想看下一篇博文写什么特定主题吗？请在评论区告诉我。

菜单