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

Css 如何防止浏览器使用默认样式,css,cross-browser,Css,Cross Browser,所有浏览器都将自己的默认样式应用于html元素。这导致不同浏览器上的视图不同。有什么方法可以阻止浏览器这样做吗?是的,您可以,您需要使用,这将概括样式,换句话说,它将跨浏览器重置样式 就我个人而言,我不使用这些,而是使用下面的片段,这对我来说已经足够了 * { margin: 0; padding: 0; outline: 0; } 如果你想稳定更多的元素,你可以自己制作,就像当用户在网站上悬停任何按钮或链接时,你可以使用下面的指针光标一样。是的,这是非常基本的用户体验,你无

所有浏览器都将自己的默认样式应用于html元素。这导致不同浏览器上的视图不同。有什么方法可以阻止浏览器这样做吗?

是的,您可以,您需要使用,这将概括样式,换句话说,它将跨浏览器重置样式

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

* {
   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;
}

注意:使用重置样式表不会重置任何继承,它只会 重置浏览器默认值(这不会帮助您始终进行交叉设置) 浏览器网站),但将防止加载跨浏览器问题,如
填充
边距
行高
、基本字体等


是的,你可以,你需要使用,这将概括的风格,换句话说,它将重置跨浏览器的风格

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

* {
   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;
}

注意:使用重置样式表不会重置任何继承,它只会 重置浏览器默认值(这不会帮助您始终进行交叉设置) 浏览器网站),但将防止加载跨浏览器问题,如
填充
边距
行高
、基本字体等


你可以选择reset.css。这应该是第一个应用于重置任何浏览器特定样式的样式。。
您可以使用reset.css。这应该是第一个应用于重置任何浏览器特定样式的样式。。

您可能需要查看。信息技术许多框架和其他重置样板文件都使用了它。

您可能需要研究一下。信息技术被大量框架和其他重置样板使用。

研究使用css重置;现在的浏览器使用的默认样式表非常相似;现在的浏览器使用的默认样式表非常相似。如果您想使用浏览器默认设置(就像没有应用CSS规则一样),您可以在将来使用CSS规则“*{all:default;}”(特定于CSS3)的支持链接来支持上面的评论。如果你想回到浏览器默认设置(就像没有应用CSS规则一样),你可以在将来使用CSS规则“*{all:default;}”(CSS3特定)支持链接来评论上面的评论。你能告诉我这比CSS重置更好吗?你能告诉我这比CSS重置更好吗?