美文网首页前端面试题全汇总
前端面试题总结【11】:为什么要初始化CSS样式。

前端面试题总结【11】:为什么要初始化CSS样式。

作者: 前端老司机 | 来源:发表于2020-06-13 14:30 被阅读0次

因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。

  • 最简单的初始化方法就是(不建议):
{padding: 0; margin: 0;}

淘宝的样式初始化:

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

推荐:

  • 持续更新,致力于做一个持久的搬运工!
  • 下面是已经整理好的面试题PDF获取和相关进阶学习书籍资料地址,有需求戳一下
  • 2020前端面试题总结合集

相关文章

  • 好程序员HTML5大前端分享web前端面试题集锦二

    好程序员HTML5大前端分享web前端面试题集锦二 1、为什么要初始化CSS样式? 答案:因为浏览器的兼容问题,不...

  • web前端面试之CSS不常用问题(码动未来)

    web前端面试之CSS不常用问题(码动未来) 2.4.1、为什么要初始化CSS样式。 因为浏览器的兼容问题,不同浏...

  • 前端面试题总结【11】:为什么要初始化CSS样式。

    因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异...

  • 前端小tips(二)

    11.为什么要初始化CSS样式? 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化...

  • 前端面试2

    11.为什么要初始化CSS样式。 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化...

  • 10.初始化CSS样式

    10.初始化CSS样式 (1)为什么要初始化CSS样式:因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的...

  • 2.css总结(开发前)

    1.css总结 1.分区(页面,header,center,footer,bg)设计1.1初始化样式使用css,后...

  • CSS学习之CSS基础

    标签: 前端 css 样式 CSS样式 css全称为"层叠样式表(cascading style sheets)...

  • 前端技巧总结1——css篇

    前端技巧总结 CSS篇 去掉type=number的箭头 绝对居中 css媒体查询 iOS去除点击阴影 css滚动条样式

  • day2(乱)

    css样式 1 css样式属性 #1.1 样式重置(初始化样式) 1.2 常用属性 1.3 元素水平居中 2 常用...

网友评论

    本文标题:前端面试题总结【11】:为什么要初始化CSS样式。

    本文链接:https://www.haomeiwen.com/subject/sggatktx.html