为了让页面在各不同浏览器之间显示效果一致,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 样式重置的实现示例
CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为没有定义的样式赋值,所以我们要先定义好一些CSS样式,来让所有浏览器都按照同样的...
每个浏览器都有一套CSS样式表用于保证网页正常显示,为了精准写出WEB页面 通常一开始就重新定义标签样式,介绍两个比较不错的Reset.css 分别来自雅虎YUI和Eric Meyer
css重置样式文件reset.css
css样式重置文件,去除默认样式。html标签存在一些默认样式,这些样式会影响我们设计网页。css样式重置文件,去除默认样式。html标签存在一些默认样式,这些样式会影响我们设计网页。css样式重置文件,去除默认样式...
html标签样式重置reset.css文件,取消标签原来特殊样式方便自定义,例如a标签下划线,span标签前面的小圆点,清除浮动解决塌陷的兼容样式
前言:所有浏览器都有附带...所以我们需要reset css处理,统一不同浏览器差异确认团队开发的起始标准,弥补浏览器的‘缺点’。 html{ /* 标准字体大小可以,在移动端使用的rem适配的话会动态改变。 */ font-size:14
重置样式表
这个是比较网站的pc样式重置列表!经过过个项目实践说明,非常ok!
CSS重置样式,清除浏览器默认样式,并配置适合设计的基础样式(强调文本是否大多是粗体、主文字色,主链接色,主字体等)。
这些默认样式在不同的浏览器中可能会不一样...通过重新定义标签的样式确保标签在各个浏览器的表现特征一致是我们样式重置的根本原因,在此我总结了一些经常需要重置的标签的默认样式及重置情况。以及写好的重置源文件。
CSS重置样式表 通常情况下,浏览器会为元素设置一些默认样式 默认样式的存在会影响页面的布局,通常情况下编写网页时必须要去除浏览器的默认样式 但是手动去除默认样式过于复杂,实操时,简单项目可以这么做,但是并不...
主要用于css文件的重置,把各个浏览器放在同一起跑线上。绝对的非常有用
重置样式文件、用于商城页面的外部链接css样式,下载拿来即用,不好用你可以来~我,欢迎前来下载,多多支持,给个小星星给个小赞吧
reset.css本意就是重置样式,我始终建议把.clearfix放入layout.css,而把h1、h2之类的定义放进typography.css
在HTML标签在浏览器里有默认的样式,例如 p 标签有上下边距,strong标签有字体加粗样式,em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别,例如ul默认带有缩进的样式,在IE下,它的缩进...这就是CSS reset。
html标签内置样式重置,使用率比较高,放出来为了方便寻找,也为需要的人提供遍历。 只为大家学习交流,有问题随时联系作者。
用过很多网上现成的样式重置表,然后有时写的样式代码没问题却达不到自己要的效果,查了才发现是掉进reset.css的坑里。这里推荐用过多种reset.css感觉是最好用的重置样式表:Sandal,这个样式表的好处是他绝大多数的...
样式重置 埃里克·梅耶(Eric Meyer)的 另请参阅。 安装: npm i styled-reset (如果您使用的是npm 4或更早版本,请使用-S标志)。 如果您使用的是样式组件3.x,请npm i styled-reset@1.7.1 。 用法: 样式化...