文档章节

为什么要初始化css样式?

dong23
 dong23
发布于 2017/09/11 14:22
字数 245
阅读 3
收藏 0
点赞 0
评论 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 ⋅ 0

富文本编辑器小结

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

乖小鬼YQ ⋅ 2017/11/29 ⋅ 0

【京东商城首页实战1】建立站点及准备工作

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

sinat_34647836 ⋅ 2017/04/30 ⋅ 0

Web前端面试指导(十六):为什么要初始化CSS样式?

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

智学无忧1 ⋅ 2017/05/11 ⋅ 0

三分钟教你写个Vue组件

开发环境: 基于 vue-cli: 这是一个做vue项目的脚手架 使用脚手架工具 vue-cli 可以快速地构建项目:单文件 Vue 组件,热加载,保存时检查代码,单元测试等。 语法: ES6 搭配 webpack 组件写...

颜卿今天Coding了吗 ⋅ 2017/01/04 ⋅ 0

求解!!字体为什么会模糊

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

Clavis ⋅ 2014/03/25 ⋅ 0

70个专家的CSS编码经验谈一:CSS编码流程

一、 CSS编码的(准备工作)流程 关键词(Keyword):CSS,CSS工作流程,CSS经验 原文为:" 70 Expert Ideas For Better CSS Coding " CSS并不是一直都那么容易处理的。CSS完全依赖于你的使用技巧和...

oecp ⋅ 2011/07/15 ⋅ 0

CSS基础:@import与link的具体区别

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

晨曦之光 ⋅ 2012/03/09 ⋅ 0

中插入标签,css不能立即生效

使用对link标签设置disabled属性的方式实现多样式css切换,逻辑是这样的: 切换样式时,把当前样式的link标签设置disabled为true,把要切换的样式的link标签设置disabled为false,若要切换的...

con ⋅ 2014/08/11 ⋅ 2

详解前端响应式布局、响应式图片,与自制栅格系统

响应式布局简介 什么是响应式?同一个页面在不同屏幕尺寸下有不同的布局。 传统的开发方式是PC端开发一套,手机端再开发一套,而使用响应式布局只要开发一套就好了,缺点是CSS比较重。 如下图...

白小明 ⋅ 2017/11/24 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

解决CentOS6、7,/etc/sysconfig/下没有iptables的问题

一、Centos 6版本解决办法: 1.任意运行一条iptables防火墙规则配置命令: iptables -P OUTPUT ACCEPT 2.对iptables服务进行保存: service iptables save 3.重启iptables服务: service ...

寰宇01 ⋅ 21分钟前 ⋅ 2

数据库备份和恢复

备份:mysqldump -u root -p 数据库>磁盘路径 恢复:mysql -u root -p 数据库<sql脚本的磁盘路径

anlve ⋅ 今天 ⋅ 0

发生了什么?Linus 又发怒了?

在一个 Linux 内核 4.18-rc1 的 Pull Request 中,开发者 Andy Shevchenko 表示其在对设备属性框架进行更新时,移除了 union 别名,这引发了 Linus 的暴怒。 这一次 Linus Torvalds 发怒的原...

问题终结者 ⋅ 今天 ⋅ 0

在树莓派上搭建一个maven仓库

在树莓派上搭建一个maven仓库 20180618 lambo init 项目说明 家里有台树莓派性能太慢。想搭建一个maven私服, 使用nexus或者 jfrog-artifactory 运行的够呛。怎么办呢,手写一个吧.所在这个...

林小宝 ⋅ 今天 ⋅ 0

Spring发展历程总结

转自与 https://www.cnblogs.com/RunForLove/p/4641672.html 目前很多公司的架构,从Struts2迁移到了SpringMVC。你有想过为什么不使用Servlet+JSP来构建Java web项目,而是采用SpringMVC呢?...

onedotdot ⋅ 今天 ⋅ 0

Python模块/包/库安装(6种方法)

Python模块/包/库安装(6种方法) 冰颖机器人 2016-11-29 21:33:26 一、方法1: 单文件模块 直接把文件拷贝到 $python_dir/Lib 二、方法2: 多文件模块,带setup.py 下载模块包(压缩文件zip...

cswangyx ⋅ 今天 ⋅ 0

零基础学习大数据人工智能,学习路线篇!系统规划大数据之路?

大数据处理技术怎么学习呢?首先我们要学习Python语言和Linux操作系统,这两个是学习大数据的基础,学习的顺序不分前后。 Python:Python 的排名从去年开始就借助人工智能持续上升,现在它已经...

董黎明 ⋅ 今天 ⋅ 0

openJdk和sun jdk的区别

使用过LINUX的人都应该知道,在大多数LINUX发行版本里,内置或者通过软件源安装JDK的话,都是安装的OpenJDK, 那么到底什么是OpenJDK,它与SUN JDK有什么关系和区别呢? 历史上的原因是,Ope...

jason_kiss ⋅ 今天 ⋅ 0

梳理

Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 它是JS的状态容器,是一种解决问题的方式,所以即可以用于 react 也可以用于 vue。 需要理解其思想及实现方式。 应用中所有的 stat...

分秒 ⋅ 今天 ⋅ 0

Java 后台判断是否为ajax请求

/** * 是否是Ajax请求 * @param request * @return */public static boolean isAjax(ServletRequest request){return "XMLHttpRequest".equalsIgnoreCase(((HttpServletReques......

JavaSon712 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部