浏览器默认样式有哪些，如何覆盖

最新推荐文章于 2021-04-17 18:35:30 发布

hello_world_csdn

最新推荐文章于 2021-04-17 18:35:30 发布

阅读量963

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/hello_world_csdn/article/details/88058033

版权

博客讲述了浏览器的user agent stylesheet及其对网页样式的影响，强调了不同浏览器和版本之间的默认样式差异。前端开发者通常会通过重置样式来统一不同浏览器的显示效果，提供了PC端和移动端的重置样式示例代码，以确保页面在各平台的一致性。

摘要由CSDN通过智能技术生成

1、user agent stylesheet是浏览器默认样式表，是浏览器默认样式。

2、不同浏览器的默认样式不同个，甚至同种浏览器不同版本的默认样式也可能不同。其中google中对body的默认样式为margin：8px；

3、前端开发者在开发网页的时候如果考虑适配不同浏览器的不同默认样式，一般是采用重置浏览器的默认样式

例如：

html{height:100%; width:100%;}
a{text-decoration:none;}
li{list-style:none;}

4、收集的PC端重置样式
@charset "utf-8";

/* CSS Document */
* { color:#444; }
body { font:12px/1.5 "微软雅黑",Arial,Tahoma, Helvetica,\5b8b\4f53, sans-serif; }
html,body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,object,code,em,span,var,legend,button,input,textarea,th,td,a,img,header,footer,nav,aside,audio,datalist,section { margin:0;padding:0;border:0;outline:0; }/*清除内外边距*/
h1,h2,h3,h4,h5,h6 { font-weight:normal;font-size:100%; }/*设置默认字体*/
:focus { outline:0; }
ul,ol,ul li,ol li { list-style: none; }/*重置列表*/
address,caption,cite,em,code,dfn,th,var { fon