如何防止浏览器使用默认样式

Question

所有浏览器都将自己的默认样式应用于html元素。这导致不同浏览器的观点不同。有没有办法阻止浏览器这样做？

Answer 1

是的，你可以，你需要使用CSS Reset，这将概括样式，换句话说，它将重置浏览器的样式。

就我个人而言，我不使用这些，而是​​使用下面的代码片段对我来说已经足够了。

* {
   margin: 0;
   padding: 0;
   outline: 0;
}

如果你想稳定更多的元素，你可以制作自己的元素，就像你可以使用下面的指针光标当用户在你的网站上悬停任何按钮或链接时..现在这是非常基本的用户体验，而不是你可以使用

button, a, input[type=button], input[type=submit] {
   cursor: pointer;
}

或者说不要强调链接并继承父颜色，所以我使用

a {
   text-decoration: none;
   color: inherit;
}

这样你可以自己制作，我更喜欢这种方式。

---

只是旁注，当我回复时，我将*代码段更改为

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

---

  

注意：使用重置样式表不会重置任何继承，它只会重置   重置浏览器默认值（这不会帮助您始终进行交叉   浏览器网站）但会阻止大量的跨浏览器问题，例如padding，margin，line-height，基本字体等。

Answer 2

您可能需要查看Normalize.css。它被大量框架和其他重置模板使用。

Answer 3

你可以去reset.css。这应该是第一个应用于重置任何浏览器特定样式的.. http://developer.yahoo.com/yui/reset/