`

DIY属于个人开发使用的CSS Reset

阅读更多

         由于最近的需要,重新复习了CSS.温故而知新,发现以前学习时有很多的遗漏.如对CSS的预定义处理,也就是reset,根本地忽视了.可以说是没有这个概念吧,但潜移默化中还是有这样处理的,只是不知道这就是reset而已,而且都比较乱.今天上网看了一些文章的介绍,也来整理一份reset,方便以后开发使用.

参考Eric Meyer,YUI,&shawphy

body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button,textarea, p, blockquote, th, td {

    margin: 0;

    padding: 0;

}

fieldset, img {

    border: 0;

}

/* remember to define focus styles! */

:focus {

    outline: 0;

}

address, caption, cite, code, dfn,

em, strong, th, var, optgroup {

    font-style: normal;

    font-weight: normal;

}

 

h1, h2, h3, h4, h5, h6 {

    font-size: 100%;

   font-weight: normal;

}

abbr, acronym {

    border: 0;

    font-variant: normal;

}

 

input, button, textarea,

select, optgroup, option {

    font-family: inherit;

    font-size: inherit;

    font-style: inherit;

   font-weight: inherit; }

code, kbd, samp, tt {

    font-size: 100%;

}

/*@purpose To enable resizing for IE */

/*@branch For IE6-Win, IE7-Win */

input, button, textarea, select {

    *font-size: 100%;

}

body {

    line-height: 1.5;

}

ol, ul {

    list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

    border-collapse: collapse;

    border-spacing: 0;

}

caption, th {

    text-align: left;

}

sup, sub {

    font-size: 100%;

    vertical-align: baseline;

}

/* remember to highlight anchors and inserts somehow! */

:link, :visited , ins {

    text-decoration: none;

}

blockquote, q {

    quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}

 


 

分享到:
评论

相关推荐

    CSS RESET个人总结

    在"CSS RESET个人总结"中,我们将深入探讨这个主题。 一、为何需要CSS Reset 1. 浏览器差异:不同的浏览器对HTML元素的默认样式处理不一,如字体大小、行高、内边距、外边距等,这会导致页面在不同浏览器上的显示...

    一个微小的现代CSSreset

    2. **常见的CSS Reset方法**:早期的Eric Meyer Reset被广泛使用,但随着CSS3的普及,新的重置方法如 Normalize.css 和 Reset.css 更加流行。它们不仅重置样式,还修复了一些基本样式,提供了一致的跨浏览器体验。 ...

    通用的css reset

    CSS Reset是一种常见的前端开发技术,用于清除浏览器默认样式,实现跨浏览器的一致性显示效果。在多人协作项目中尤为重要,能够帮助团队成员避免因浏览器默认样式差异导致的布局不一致问题。 #### 通用CSS Reset的...

    css reset框架

    **CSS Reset框架详解** 在网页设计中,浏览器的默认样式可能会导致不同的浏览器间显示效果的不一致,这为开发者带来了不少困扰。为了消除这些差异,CSS Reset(重置CSS)框架应运而生。本框架名为"css reset框架",...

    CSS Tools: Reset CSS

    The goal of a reset stylesheet is to reduce browser inconsistencies in ... Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others.

    Css Reset 复位相关资料整理

    原文前部分说了很多关于Css,以及各浏览器的css规则的不同,而制定"CssReset"也是为了兼容与统一,正确有效的使用"Css Reset"可以在某种程度上节约时间与金钱. 非常感谢Perishable的整理与归纳 下面是关于几类Css ...

    响应式手机端css reset

    手机端css reset方便进行手机端的开发工作

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

    《CSS Reset 样式重置的实现》 在网页设计中,CSS Reset(样式重置)...在实际工作中,还可以考虑使用预处理器(如 Sass 或 Less)或现成的 CSS Reset 库(如 Eric Meyer's Reset 或 Normalize.css)来简化这一过程。

    Reset CSS研究

    【Reset CSS】是一种重要的前端开发技术,用于消除不同浏览器之间的默认样式差异,确保网页在所有浏览器上呈现一致的布局。它的出现源于早期浏览器对CSS样式处理的不一致性,特别是像Tantek在2004年创建的`undohtml....

    浏览器CSS Reset的十种方法

    CSS Reset,也被称为Reset CSS,是Web开发中一种常见的技术,用于消除不同浏览器之间的默认样式差异,确保网页在所有浏览器上展示的一致性。由于各个浏览器对HTML元素的默认样式处理不尽相同,如果不进行CSS Reset,...

    清空默认样式reset.min.css

    清空默认样式reset.min.css

    1.1css重置样式文件reset.css

    css重置样式文件reset.css

    css reset初始化设置.docx

    ### CSS Reset 初始化设置详解 #### 一、引言 在前端开发中,浏览器之间的样式差异是常见的问题之一。为了确保跨浏览器的一致性,并且使页面样式更加可控,CSS Reset 成为了一种广泛采用的技术手段。本文将详细...

    reset.css样式

    淘宝最新reset.css初始化样式,Reset是革命党最激进的那一派。

    reset.css修改默认样式

    将css导入页面,修改大多数标签的默认样式

    WEB标准之CSS 打造自己的reset.css

    通过这种方式,reset.css可作为一个项目开发的基线,而特定的设计需求则在后续的样式文件中逐步实现。 总之,reset.css在任何新的项目中都是一个重要的起点,它帮助消除浏览器间的差异,并提供一个统一的样式基准。...

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

    CSS Reset,也称为样式重置,是Web开发中一个重要的技术,它的主要目的是消除不同浏览器之间的默认样式差异,确保在所有浏览器中都能呈现一致的布局。这是因为不同的浏览器默认对HTML元素有不同的内建样式,比如边距...

    尚品汇reset.css

    尚品汇重置样式表,去除一些标签自带样式

Global site tag (gtag.js) - Google Analytics