`

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元素的默认样式处理不一,如字体大小、行高、内边距、外边距等,这会导致页面在不同浏览器上的显示...

    通用的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.

    响应式手机端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实现的

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

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

    Reset CSS

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

    清空默认样式reset.min.css

    清空默认样式reset.min.css

    1.1css重置样式文件reset.css

    css重置样式文件reset.css

    css reset初始化设置.docx

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

    CSSreset文件

    对css属性初始化,减少部分的浏览器效果不同引起的问题

    reset.css文件

    不同浏览器对相同标签的显示效果,有时候往往不同,那么在做项目的时候就需要对基本的样式进行设置,以达到在不同浏览器下显示效果是相同的

    reset.css样式

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

Global site tag (gtag.js) - Google Analytics