`

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;

}

 


 

分享到:
评论

相关推荐

    Reset_CSS css样式重置文件

    CSS Reset即是对浏览器的默认CSS规则进行初始化,保证不同浏览器下CSS的一致性。CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为...

    CSS RESET个人总结

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

    通用的css reset

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

    CSS中常用的 reset.css文件

    为了确保不同浏览器间的一致性以及消除默认样式带来的差异,开发者通常会使用`reset.css`或类似的重置样式表。`reset.css`文件的主要目的是消除浏览器内置样式的影响,使网页元素具有统一的初始样式,从而为自定义...

    Css Reset 复位相关资料整理

    CSS Reset,也被称作CSS复位,是前端开发中经常使用的一项技术。它的主要目的是为了重置各浏览器对于HTML元素默认的CSS样式,以消除不同浏览器之间的样式差异,使得网页在不同浏览器中能有一致的显示效果。通过使用...

    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.

    cssreset-min.css

    通过这个​ ​例子​​我们可以看到,使用了 Css Reset之后的样式会是什么样的。 或者 引入在线的css <link rel="stylesheet" type="text/css" href=...

    响应式手机端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.css下载

    亲测 可用 在HTML标签在浏览器里有默认的样式,例如 p 标签有... 但是不同浏览器的默认样式之间也会有差别,例如ul默认带有缩进的样式,在IE下,它的缩进是通过margin实现的,而Firefox下,它的缩进是由padding实现的

    base.css/css reset

    自己总结的css reset, 参考了雅虎和书本上的. 希望对html开发者有点用.

    web前端重置样式表normalize.css+reset.css

    总结来说,`normalize.css`和`reset.css`都是Web前端开发中的重要工具,它们帮助开发者克服浏览器之间的样式差异,实现更一致的跨浏览器用户体验。`normalize.css`更注重规范化,保留了部分有用默认样式;而`reset....

    Reset CSS

    重置CSS,也被称为CSS Reset或 Normalize.css,是Web开发中的一个重要概念,它涉及到网页样式的初始化和标准化。在不同的浏览器之间,默认的HTML元素样式可能会有所不同,这可能导致页面在不同浏览器上的显示效果不...

    css reset默认设置

    css reset,导入该css文件,给一些标签添加相同的默认设置,防止在不同的浏览器中出现差异

    清空默认样式reset.min.css

    清空默认样式reset.min.css

    1.1css重置样式文件reset.css

    css重置样式文件reset.css

Global site tag (gtag.js) - Google Analytics