文档章节

为什么要初始化css样式?

dong23
 dong23
发布于 2017/09/11 14:22
字数 245
阅读 8
收藏 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; } 

© 著作权归作者所有

共有 人打赏支持
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
求解!!字体为什么会模糊

想引用一个很炫的弹出框样式,下载源码下来发现他的CSS有两个文件 default.css是主页面的样式,component.css是弹出框的样式 自己写的只引用了component.css,因为defunct.css用不上 然后发现...

Clavis
2014/03/25
1K
0
【译】Airbnb CSS-in-JavaScript 风格指南

这篇文章也发在我的博客,欢迎围观😄 Translated by FrankZhang. 如有错误,敬请不吝告知,谢谢! Airbnb CSS-in-JavaScript 风格指南 一个 普遍适用的CSS-in-JavaScript方法 目录 命名 顺序...

FrankCheung
07/10
0
0
CSS基础:@import与link的具体区别

2009-04-15 15:45作者:网页教学网出处:天极网责任编辑:盛晓莹 一般在网页中引用外部CSS有两种方式,即:@import与link。常有人说要使用link来引入CSS更好,本文就简单讲解一下其中的区别。 ...

晨曦之光
2012/03/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

创建第一个react项目

sudo npm i -g create-react-app@1.5.2 create-react-app react-app cd react-apprm -rf package-lock.jsonrm -rf node_modules #主要是为了避免报错npm installnpm start......

lilugirl
今天
1
0
在浏览器中进行深度学习:TensorFlow.js (八)生成对抗网络 (GAN)

Generative Adversarial Network 是深度学习中非常有趣的一种方法。GAN最早源自Ian Goodfellow的这篇论文。LeCun对GAN给出了极高的评价: “There are many interesting recent development...

naughty
今天
0
0
搬瓦工镜像站bwh1.net被DNS污染,国内打不开搬瓦工官网

今天下午(2018年10月17日),继搬瓦工主域名bandwagonhost.com被污染后,这个国内的镜像地址bwh1.net也被墙了。那么目前应该怎么访问搬瓦工官网呢? 消息来源:搬瓦工优惠网->搬瓦工镜像站b...

flyzy2005
今天
6
0
SpringBoot自动配置

本篇介绍下,如何通过springboot的自动配置,将公司项目内的依赖jar,不需要扫描路径,依赖jar的情况下,就能将jar内配置了@configuration注解的类,创建到IOC里面 介绍下开发环境 JDK版本1.8 spr...

贺小五
今天
5
0
命令行新建Maven多项目

参考地址 # DgroupId 可以理解为包名# DartifactId 可以理解为项目名mvn archetype:generate -DgroupId=cn.modfun -DartifactId=scaffold -DarchetypeArtifactId=maven-archetype-quickst......

阿白
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部