文档章节

为什么要初始化css样式?

dong23
 dong23
发布于 2017/09/11 14:22
字数 245
阅读 9
收藏 0

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

 

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

 

*最简单的初始化方法就是(不建议):

1

{padding0margin0;}

 

淘宝的样式初始化: 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

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:0padding:0; }

body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }

h1, h2, h3, h4, h5, h6font-size:100%; }

address, cite, dfn, em, var { font-style:normal; }

code, kbd, pre, samp { font-family:couriernew, couriermonospace; }

smallfont-size:12px; }

ul, ol { list-style:none; }

a { text-decoration:none; }

a:hover { text-decoration:underline; }

sup { vertical-align:text-top; }

subvertical-align:text-bottom; }

legend { color:#000; }

fieldset, img { border:0; }

button, input, select, textarea { font-size:100%; }

table { border-collapse:collapseborder-spacing:0; } 

© 著作权归作者所有

共有 人打赏支持
上一篇: Cookie的弊端
dong23
粉丝 0
博文 10
码字总数 1763
作品 0
私信 提问
CSS初始化代码_已迁移

为什么要初始化CSS? https://my.oschina.net/Majw/blog/edit/752586 CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同,所以开发时的第一件事可能就是如何把它们统一。如...

鬼谷子灬
2016/09/28
11
0
富文本编辑器小结

近况 最近由于公司业务上的需求,我们需要一个自己的编辑器来编写我们得到APP里面的订阅文章,为什么需要自己的编辑器,主要是因为用第三方的编辑器很难完成公司定制化的需求,比如:排版上我...

乖小鬼YQ
2017/11/29
0
0
【京东商城首页实战1】建立站点及准备工作

今天,开始做京东商城的首页。 一、建立站点 首先要做的就是建立站点,所谓的站点其实就是建保存HTML、css、图片或视频等文件的一个文件夹。如图: 在css文件夹建立base.css文件和index.css...

sinat_34647836
2017/04/30
0
0
Web前端面试指导(十六):为什么要初始化CSS样式?

题目点评 这个题目乍一看感觉怪怪的,什么叫初始化样式了?如果换一句话你可能就理解了,就是通用样式。这道题目主要涉及的是理论方面的知识,不用写代码,只要描述清楚就可以了 初始化样式的...

智学无忧1
2017/05/11
0
0
jQuery wizard,一款创建步骤向导的插件

版权声明:欢迎转载,请注明沉默王二原创。 https://blog.csdn.net/qing_gee/article/details/74926175 这篇文章完全没有技术难度,但我为什么要写呢?因为我想把这么好的一款插件推荐给需要...

qing_gee
2017/07/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Eos如何删除钱包

在使用Eos的keosd钱包软件时,如果要删除EOS中指定名称的钱包,最简单的办法是直接删除钱包文件,不过在删除钱包之前,需要先停止钱包软件的运行。 学习EOS应用开发要选这个:【EOS智能合约与...

geek12345
2分钟前
0
0
js操作时间

获取当前时间 function getSystemDate(){ var systemDate = new Date(); // 获取当年 var year = systemDate.getFullYear(); // 获取当月 (月+1是因为js中......

简心
9分钟前
0
0
区块链开发教程推荐

区块链的重要性已经毋庸置疑,但对大多数跃跃欲试的开发者而言,去中心化思想、非对称加密、共识算法等技术点的理解和运用,都是入门区块链开发的挑战。合适的区块链开发教程可以极大地缩短区...

笔阁
9分钟前
0
0
菜单menuView总结

1、FTPopOverMenu

_____1____
20分钟前
2
0
MyEclipse教程:Web开发——部署和测试Web项目

MyEclipse 在线订购年终抄底促销!火爆开抢>> MyEclipse最新版下载 本教程向用户展示了使用关联的Web项目创建Web片段项目的机制。用户还可以获得要检查的示例项目。在本教程中,用户将学习如...

电池盒
36分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部