2.reset.css文件

重置CSS样式:

  1 /* http://meyerweb.com/eric/tools/css/reset/
  2    v2.0 | 20110126
  3    License: none (public domain)
  4 */
  5
  6 html,
  7 body,
  8 div,
  9 span,
 10 applet,
 11 object,
 12 iframe,
 13 h1,
 14 h2,
 15 h3,
 16 h4,
 17 h5,
 18 h6,
 19 p,
 20 blockquote,
 21 pre,
 22 a,
 23 abbr,
 24 acronym,
 25 address,
 26 big,
 27 cite,
 28 code,
 29 del,
 30 dfn,
 31 em,
 32 img,
 33 ins,
 34 kbd,
 35 q,
 36 s,
 37 samp,
 38 small,
 39 strike,
 40 strong,
 41 sub,
 42 sup,
 43 tt,
 44 var,
 45 b,
 46 u,
 47 i,
 48 center,
 49 dl,
 50 dt,
 51 dd,
 52 ol,
 53 ul,
 54 li,
 55 fieldset,
 56 form,
 57 label,
 58 legend,
 59 table,
 60 caption,
 61 tbody,
 62 tfoot,
 63 thead,
 64 tr,
 65 th,
 66 td,
 67 article,
 68 aside,
 69 canvas,
 70 details,
 71 embed,
 72 figure,
 73 figcaption,
 74 footer,
 75 header,
 76 hgroup,
 77 menu,
 78 nav,
 79 output,
 80 ruby,
 81 section,
 82 summary,
 83 time,
 84 mark,
 85 audio,
 86 video {
 87     margin: 0;
 88     padding: 0;
 89     border: 0;
 90     font-size: 100%;
 91     font: inherit;
 92     vertical-align: baseline;
 93 }
 94
 95 /* HTML5 display-role reset for older browsers */
 96 article,
 97 aside,
 98 details,
 99 figcaption,
100 figure,
101 footer,
102 header,
103 hgroup,
104 menu,
105 nav,
106 section {
107     display: block;
108 }
109
110 body {
111     line-height: 1;
112 }
113
114 ol,
115 ul {
116     list-style: none;
117 }
118
119 blockquote,
120 q {
121     quotes: none;
122 }
123
124 blockquote:before,
125 blockquote:after,
126 q:before,
127 q:after {
128     content: ‘‘;
129     content: none;
130 }
131
132 table {
133     border-collapse: collapse;
134     border-spacing: 0;
135 }
136
137 a {
138     text-decoration: none;
139     color: inherit;
140 }

reset.css

/* http://meyerweb.com/eric/tools/css/reset/

v2.0 | 20110126

License: none (public domain)

*/

html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

margin: 0;

padding: 0;

border: 0;

font-size: 100%;

font: inherit;

vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

display: block;

}

body {

line-height: 1;

}

ol,

ul {

list-style: none;

}

blockquote,

q {

quotes: none;

}

blockquote:before,

blockquote:after,

q:before,

q:after {

content: ‘‘;

content: none;

}

table {

border-collapse: collapse;

border-spacing: 0;

}

a {

text-decoration: none;

color: inherit;

}

原文地址:https://www.cnblogs.com/lanshanxiao/p/12663192.html

时间: 2024-10-14 14:39:14

2.reset.css文件的相关文章

项目中经常用到的reset.css文件

html,body{width:100%; height: auto;} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} header, footer, article, aside, nav, section,dialog, figure, legend{display: block;} html,body,header,main,footer, div,ul,li,h1,h2,

bootstrap在reset.css文件中设置margin为0,因此其他的标签需要重新设计margin。

1.h <h>标签和普通使用方法一样. 定义了.h1~.h6六个类名,样式和标题样式一样. 副标题用<small>标签指出,必须包含在h标签内. <h1>Bootstrap标题一</h1> <div class="h1">Bootstrap标题一</div> <h1>Bootstrap标题一<small>我是副标题</small></h1> 2.p 定义<bod

reset.css 文件

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; }body { background:#fff; color:#555; font-size:14px; font-family: "Arial","Microsoft YaHei",&quo

less和reset.css的引用及首页活动、商品推荐模块的建立及flex布局

?记在前面 人生最大的希望在于:自己值得自己等待 先打开运行项目: 一.less和reset.css的使用 1.less的引用: 安装less和less-loader(之前补充过了)传送地址:https://www.cnblogs.com/crystral/p/9117161.html 2.reset.css的引用 ①去这个网站(https://cssreset.com/)下载一个reset.css文件,然后copy到src目录下: (这个我没有下载下来,点击没反应,所以去老师那里copy了一份

CSS重置默认样式reset.css代码模板

   由于各大浏览器存在兼容性问题,同一个CSS属性在不同浏览器下的表现不一定相同,有经验的前端设计者都会自定义一个重置浏览器样式的CSS文件,在这个文件中定义一些针对不同的浏览器最终表现出一致的代码,大家最熟悉的也许就是* {margin:0 0}了,其实这是最简单的兼容性的代码,一般情况下,仅有这个是不够的,因此笔者收集了几个前端设计网站使用的reset.css代码模板,如果需要你可以复制这些代码保存为reset.css文件,然后引用在所需的html文件中即可. 注意:您可以根据您自己的实际

css文件分类

简介 CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide Web)中.HTML 主要负责文档结构的定义,CSS 负责文档表现形式或样式的定义. 作为一门标记性语言,CSS 的语法相对简单,对使用者的要求较低,但同时也带来一些问题:CSS 需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码,造成这些困难的很大原因源于 CSS

php gizp压缩传输js和css文件

1. [代码][PHP]代码    <?php     /**     *  完整调用示例:     *  1.combine.php?t=j&b=public&fs=jslib.jquery,function     *       *  该例子调用的是网站根目录下的public/jslib/jquery.js和public/function.js      *       *  2.combine.php?t=j&fs=jslib.jquery,function     

CSS重置 reset.css

1. [文件] reset.css ~/*------------------------------------------* site:ifnoif.net* Style author:ifnoif* updated date:2014.08.13------------------------------------------*/ body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer {    marg

js 根据屏幕大小调用不同的css文件

原因:屏幕大小不一样,网站看起来总觉得怪怪的,所以,针对不同大小的屏幕,写了不同的css,写完了,要解决的问题就是:怎么根据屏幕的大小来引用不同的CSS,下面就是解决方法了. 解决方法:首先,在head标签里面先引用一个通用的CSS文件,如下: <link href="Styles/Style.css" id="css" rel="stylesheet" type="text/css" /> 这时候,你会发现,这个