美文网首页前端开发
为什么要初始化CSS样式。

为什么要初始化CSS样式。

作者: 李轻舟 | 来源:发表于2019-02-14 08:25 被阅读1次

因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对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; }

相关文章

  • 10.初始化CSS样式

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

  • 前端小tips(二)

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

  • 前端面试2

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

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

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

  • day2(乱)

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

  • 为什么要初始化CSS样式。

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

  • 初始化css

    通用初始化样式 雅虎工程师提供的CSS初始化示例代码 腾讯官网 样式初始化 新浪官网 样式初始化 淘宝官网 样式初...

  • 2019web前端开发全新面试题库 二

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

  • Html-CSS基础入门

    CSS简介 css:Cascading style sheets 样式通常存储在样式表中 为什么要使用CSS样式...

  • css常用工具封装

    CSS 1. pc-reset PC样式初始化/* normalize.css */html { line-hei...

网友评论

    本文标题:为什么要初始化CSS样式。

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