不同的浏览器对标签的默认值不同,为了避免页面出现浏览器差异,所以要初始化样式表属性。使用通配符*并不可取,因为会遍历到每一个标签,大型网页会加载过慢,影响性能。

雅虎工程师提供的CSS初始化示例代码:

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} .clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

腾讯官网 样式初始化

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px"宋体","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}
a{color:#2d374b;text-decoration:none}
a:hover{color:#cd0200;text-decoration:underline}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word} 

新浪官网 样式初始化

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;font-size:12px; margin-top:5px;font-family:"SimSun","宋体","Arial Narrow";} ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;} a{text-decoration:none;}
a:link{color:#009;}
a:visited{color:#800080;}
a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}

淘宝官网 样式初始化

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; } 

网易官网 样式初始化

html {overflow-y:scroll;}
body {margin:0; padding:29px00; font:12px"\5B8B\4F53",sans-serif;background:#ffffff;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;} 

一些大厂的css reset 代码相关推荐

  1. CSS reset的重新审视 – 避免样式重置

    一.CSS reset(CSS重置)的历史 根据淘宝射雕的叙述,最早的一份CSS reset来自Tantek 的undohtml.css,很简单的代码,Tantek 根据自己的需要,对浏览器的默认样式 ...

  2. 代码:CSS——reset.css

    代码:CSS--reset.css http://www.cnblogs.com/qq21270/p/5577856.html 图片列表 A链接标签: /*链接样式.文字颜色*/a{color:#66 ...

  3. 前端开发工程师 - 04.页面架构 - CSS Reset 布局解决方案 响应式 页面优化 规范与模块化...

    04.页面架构 第1章--CSS Reset 第2章--布局解决方案 居中布局 课堂交流区 水平列表的底部对齐 如图所示,一个水平排列的列表,每项高度都未知,但要求底部对齐,有哪些方法可以解决呢? & ...

  4. CSS基础篇--css reset重置样式有那么重要吗?

    在以前写html代码的时候,一般都会在head里添加重置样式reset.css,其内容如下: @charset "utf-8"; html, body, div, span, ap ...

  5. Css Reset -Css样式重置

      在网页实际开发过程中,如果将来网页的浏览者存在使用不同的浏览器(IE, Google, FireFox, Opera, Safari等)对网页进行解析展示的可能,那么我们就不得不从完美的理想预期中 ...

  6. HTML+CSS常用代码

    HTML+CSS常用代码(笔记) 注释标签:对代码进行说明 <!-- 单行注释,也可以对多行文字进行注释 --> 常用格式标签 <b>加粗</b> <i> ...

  7. CSS_腾讯QQ官网,新浪官网,网易官网,淘宝官网之css初始化代码

    CSS为什么要初始化?建站老手都知道,这是为了考虑到浏览器的兼容问题,其实不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面差异.当然,初始化样式会对SEO有一定的影 ...

  8. 拉勾网主页面HTML+CSS布局代码,附结果图精灵图

    commen.css+reset.css代码链接:链接: link. style.css代码链接:链接: link. 精灵图: 结果图:(相同的内容用同一段代码替换) HTML内容,文件名:index ...

  9. html与css重置代码,HTML CSS标签类型转换、样式重置 、前段规范(示例代码)

    HTML CSS 基础 标签默认值样式重置: (css reset)包含: body,p,h1,h2,h3,h4,h5,h6,dl,dd外边距 字体 ol,ul,a,img等标签的默认值样式重置 用群 ...

最新文章

  1. 三百行python代码的项目_使用300行代码创建一个分布式系统
  2. android webview网页显示不完整,【报Bug】webview页面内容显示不全
  3. Linux块层技术全面剖析-v0.1
  4. spark反压速率计算
  5. DotNetNuke4.x安装心得(按照下面那篇《最完整的DNN 4.X 安装攻略(适合3.X版本)》安装还是失败的朋友进来看看...
  6. 双十一快递被暴力分拣,快递员踩踏包裹随意扔,网友们却表示很理解...
  7. 修改文章更新缓存php,php – 使用liipImagineBundle更新/删除记录时删除/更新缓存的图像...
  8. java泛型 包_Java泛型应用浅析
  9. 可靠型园区网组网,用VRRP还是堆叠?
  10. [转载]INNO Setup 使用笔记
  11. 计算机图形学多边形填充代码_计算机图形学 Computer Graphics (第一周笔记及课件翻译)...
  12. 脸部识别算法_面部识别技术是种族主义者吗? 先进算法的解释
  13. java安装后在哪里打开_java安装后怎么打开教程
  14. 迎接专业音频世界的AoIP时代
  15. 2020最新Javaweb视频教程-Javaweb从入门到精通【JSP】
  16. kubeadm部署1.11.1的k8s集群
  17. SaaS和和PaaS的概念
  18. linux 分区 intel raid,linux on intel sata raid
  19. 面试云计算工程师岗位经常被问到的40个问题
  20. 查看ip地址 通过域名

热门文章

  1. iOS平台上的MVVM模式(译文)
  2. Windows Server 2012 +WDK7600.16385.1+VS2010驱动开发环境搭建
  3. 一种数据结构的封装模式
  4. k8s集群部署项目_JAVA项目(制作镜像)---K8S_Google工作笔记0060
  5. Sentinel服务熔断OpenFeign_削峰填谷_流量控制_速率控制_服务熔断_服务降级---微服务升级_SpringCloud Alibaba工作笔记0054
  6. JPA开发求助---JPA生成数据表的时候:log4j:WARN No appenders could be found for logger (org.hibernate.cfg.annotat
  7. 人脸检测三个算法比较
  8. eclipse3.6_jee启动tomcat无法访问http://localhost:8080/的解决方案
  9. org.hibernate.exception.ConstraintViolationException: Could not execute JDBC batch update
  10. 鸿蒙系统基础是云计算吗,国内两大系统横空出世,鸿蒙不算啥,这系统才叫牛...