`
runfeel
  • 浏览: 905285 次
文章分类
社区版块
存档分类
最新评论

CSS Reset样式重置

 
阅读更多


为了让页面在各不同浏览器之间显示效果一致,CSS样式清除和重置是前端开发必需要做的事情,结合前车之鉴,整理了份CSS重置样式代码供参考。

@charset "utf-8";
/* ------------------------------------------------------------
version	:	1.0
 author	:	tongqian.zhang
  email	:	bbirdsky@163.com
  create:	2013-05-10
------------------------------------------------------------ */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre,
dl, dt, dd, ul, ol, li, th, td, div, span, img,
fieldset, lengend, button, input, select, textarea{margin: 0;padding: 0;}

/* color & background */	
html{color:#000; background:#FFF;}

/* font */
body, button, input, select, textarea { /* for ie */
    font: 12px/18px Arial, Verdana, Microsoft YaHei;
}

/* fix center */
html,body {height: 100%;margin: 0 auto;}

/* h1~h6 */
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}

/* a */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* list */
ul,ol {list-style: none;}

/* img border */
fieldset,img{border: 0}

/* table */
table {border-collapse: collapse;border-spacing: 0;font:inherit;}

/* margin */
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* float & clear */
.left{float:left;}
.right{float:right;}
.clear {clear: both;display: block;}

/* clearfix */
.clearfix:after{content:".";display:block;}
.clearfix{display:inline-table;}
/* Hides from IE-mac */
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}/* IE7 */


分享到:
评论

相关推荐

    CSS Reset 样式重置的实现示例.pdf

    CSS Reset 样式重置的实现示例

    Reset_CSS css样式重置文件

    CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为没有定义的样式赋值,所以我们要先定义好一些CSS样式,来让所有浏览器都按照同样的...

    css reset样式重置介绍 重置css样式工具分享

    每个浏览器都有一套CSS样式表用于保证网页正常显示,为了精准写出WEB页面 通常一开始就重新定义标签样式,介绍两个比较不错的Reset.css 分别来自雅虎YUI和Eric Meyer

    1.1css重置样式文件reset.css

    css重置样式文件reset.css

    css样式重置文件reset.css

    css样式重置文件,去除默认样式。html标签存在一些默认样式,这些样式会影响我们设计网页。css样式重置文件,去除默认样式。html标签存在一些默认样式,这些样式会影响我们设计网页。css样式重置文件,去除默认样式...

    html标签样式重置reset.css文件

    html标签样式重置reset.css文件,取消标签原来特殊样式方便自定义,例如a标签下划线,span标签前面的小圆点,清除浮动解决塌陷的兼容样式

    CSS Reset 样式重置的实现示例

    前言:所有浏览器都有附带...所以我们需要reset css处理,统一不同浏览器差异确认团队开发的起始标准,弥补浏览器的‘缺点’。 html{ /* 标准字体大小可以,在移动端使用的rem适配的话会动态改变。 */ font-size:14

    reset.css重置样式表

    重置样式表

    浏览器样式重置列表reset.css

    这个是比较网站的pc样式重置列表!经过过个项目实践说明,非常ok!

    CSS重置样式清除浏览器默认样式

    CSS重置样式,清除浏览器默认样式,并配置适合设计的基础样式(强调文本是否大多是粗体、主文字色,主链接色,主字体等)。

    HTML标签默认样式重置文件reset.css

    这些默认样式在不同的浏览器中可能会不一样...通过重新定义标签的样式确保标签在各个浏览器的表现特征一致是我们样式重置的根本原因,在此我总结了一些经常需要重置的标签的默认样式及重置情况。以及写好的重置源文件。

    CSS重置样式表reset.css

    CSS重置样式表 通常情况下,浏览器会为元素设置一些默认样式 默认样式的存在会影响页面的布局,通常情况下编写网页时必须要去除浏览器的默认样式 但是手动去除默认样式过于复杂,实操时,简单项目可以这么做,但是并不...

    css Reset 重置代码

    主要用于css文件的重置,把各个浏览器放在同一起跑线上。绝对的非常有用

    reset.css重置样式文件

    重置样式文件、用于商城页面的外部链接css样式,下载拿来即用,不好用你可以来~我,欢迎前来下载,多多支持,给个小星星给个小赞吧

    css reset 重置样式介绍

    reset.css本意就是重置样式,我始终建议把.clearfix放入layout.css,而把h1、h2之类的定义放进typography.css

    reset.css 重置浏览器标签的样式表

    在HTML标签在浏览器里有默认的样式,例如 p 标签有上下边距,strong标签有字体加粗样式,em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别,例如ul默认带有缩进的样式,在IE下,它的缩进...这就是CSS reset。

    reset.css html内置样式重置

    html标签内置样式重置,使用率比较高,放出来为了方便寻找,也为需要的人提供遍历。 只为大家学习交流,有问题随时联系作者。

    样式重置文件

    用过很多网上现成的样式重置表,然后有时写的样式代码没问题却达不到自己要的效果,查了才发现是掉进reset.css的坑里。这里推荐用过多种reset.css感觉是最好用的重置样式表:Sandal,这个样式表的好处是他绝大多数的...

    样式重置:Eric Meyer的样式样式组件的重置CSS

    样式重置 埃里克·梅耶(Eric Meyer)的 另请参阅。 安装: npm i styled-reset (如果您使用的是npm 4或更早版本,请使用-S标志)。 如果您使用的是样式组件3.x,请npm i styled-reset@1.7.1 。 用法: 样式化...

Global site tag (gtag.js) - Google Analytics