normalize.css

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document

  ========================================================================== */

/**

* 1. Correct the line height in all browsers.

* 2. Prevent adjustments of font size after orientation changes in

*    IE on Windows Phone and in iOS.

*/

html {

  line-height: 1.15; /* 1 */

  -ms-text-size-adjust: 100%; /* 2 */

  -webkit-text-size-adjust: 100%; /* 2 */

}

/* Sections

  ========================================================================== */

/**

* Remove the margin in all browsers (opinionated).

*/

body {

  margin: 0;

}

/**

* Add the correct display in IE 9-.

*/

article,

aside,

footer,

header,

nav,

section {

  display: block;

}

/**

* Correct the font size and margin on `h1` elements within `section` and

* `article` contexts in Chrome, Firefox, and Safari.

*/

h1 {

  font-size: 2em;

  margin: 0.67em 0;

}

/* Grouping content

  ========================================================================== */

/**

* Add the correct display in IE 9-.

* 1. Add the correct display in IE.

*/

figcaption,

figure,

main { /* 1 */

  display: block;

}

/**

* Add the correct margin in IE 8.

*/

figure {

  margin: 1em 40px;

}

/**

* 1. Add the correct box sizing in Firefox.

* 2. Show the overflow in Edge and IE.

*/

hr {

  box-sizing: content-box; /* 1 */

  height: 0; /* 1 */

  overflow: visible; /* 2 */

}

/**

* 1. Correct the inheritance and scaling of font size in all browsers.

* 2. Correct the odd `em` font sizing in all browsers.

*/

pre {

  font-family: monospace, monospace; /* 1 */

  font-size: 1em; /* 2 */

}

/* Text-level semantics

  ========================================================================== */

/**

* 1. Remove the gray background on active links in IE 10.

* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.

*/

a {

  background-color: transparent; /* 1 */

  -webkit-text-decoration-skip: objects; /* 2 */

}

/**

* 1. Remove the bottom border in Chrome 57- and Firefox 39-.

* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.

*/

abbr[title] {

  border-bottom: none; /* 1 */

  text-decoration: underline; /* 2 */

  text-decoration: underline dotted; /* 2 */

}

/**

* Prevent the duplicate application of `bolder` by the next rule in Safari 6.

*/

b,

strong {

  font-weight: inherit;

}

/**

* Add the correct font weight in Chrome, Edge, and Safari.

*/

b,

strong {

  font-weight: bolder;

}

/**

* 1. Correct the inheritance and scaling of font size in all browsers.

* 2. Correct the odd `em` font sizing in all browsers.

*/

code,

kbd,

samp {

  font-family: monospace, monospace; /* 1 */

  font-size: 1em; /* 2 */

}

/**

* Add the correct font style in Android 4.3-.

*/

dfn {

  font-style: italic;

}

/**

* Add the correct background and color in IE 9-.

*/

mark {

  background-color: #ff0;

  color: #000;

}

/**

* Add the correct font size in all browsers.

*/

small {

  font-size: 80%;

}

/**

* Prevent `sub` and `sup` elements from affecting the line height in

* all browsers.

*/

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}

sub {

  bottom: -0.25em;

}

sup {

  top: -0.5em;

}

/* Embedded content

  ========================================================================== */

/**

* Add the correct display in IE 9-.

*/

audio,

video {

  display: inline-block;

}

/**

* Add the correct display in iOS 4-7.

*/

audio:not([controls]) {

  display: none;

  height: 0;

}

/**

* Remove the border on images inside links in IE 10-.

*/

img {

  border-style: none;

}

/**

* Hide the overflow in IE.

*/

svg:not(:root) {

  overflow: hidden;

}

/* Forms

  ========================================================================== */

/**

* 1. Change the font styles in all browsers (opinionated).

* 2. Remove the margin in Firefox and Safari.

*/

button,

input,

optgroup,

select,

textarea {

  font-family: sans-serif; /* 1 */

  font-size: 100%; /* 1 */

  line-height: 1.15; /* 1 */

  margin: 0; /* 2 */

}

/**

* Show the overflow in IE.

* 1. Show the overflow in Edge.

*/

button,

input { /* 1 */

  overflow: visible;

}

/**

* Remove the inheritance of text transform in Edge, Firefox, and IE.

* 1. Remove the inheritance of text transform in Firefox.

*/

button,

select { /* 1 */

  text-transform: none;

}

/**

* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`

*    controls in Android 4.

* 2. Correct the inability to style clickable types in iOS and Safari.

*/

button,

html [type="button"], /* 1 */

[type="reset"],

[type="submit"] {

  -webkit-appearance: button; /* 2 */

}

/**

* Remove the inner border and padding in Firefox.

*/

button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

  border-style: none;

  padding: 0;

}

/**

* Restore the focus styles unset by the previous rule.

*/

button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

  outline: 1px dotted ButtonText;

}

/**

* Correct the padding in Firefox.

*/

fieldset {

  padding: 0.35em 0.75em 0.625em;

}

/**

* 1. Correct the text wrapping in Edge and IE.

* 2. Correct the color inheritance from `fieldset` elements in IE.

* 3. Remove the padding so developers are not caught out when they zero out

*    `fieldset` elements in all browsers.

*/

legend {

  box-sizing: border-box; /* 1 */

  color: inherit; /* 2 */

  display: table; /* 1 */

  max-width: 100%; /* 1 */

  padding: 0; /* 3 */

  white-space: normal; /* 1 */

}

/**

* 1. Add the correct display in IE 9-.

* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.

*/

progress {

  display: inline-block; /* 1 */

  vertical-align: baseline; /* 2 */

}

/**

* Remove the default vertical scrollbar in IE.

*/

textarea {

  overflow: auto;

}

/**

* 1. Add the correct box sizing in IE 10-.

* 2. Remove the padding in IE 10-.

*/

[type="checkbox"],

[type="radio"] {

  box-sizing: border-box; /* 1 */

  padding: 0; /* 2 */

}

/**

* Correct the cursor style of increment and decrement buttons in Chrome.

*/

[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

  height: auto;

}

/**

* 1. Correct the odd appearance in Chrome and Safari.

* 2. Correct the outline style in Safari.

*/

[type="search"] {

  -webkit-appearance: textfield; /* 1 */

  outline-offset: -2px; /* 2 */

}

/**

* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.

*/

[type="search"]::-webkit-search-cancel-button,

[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}

/**

* 1. Correct the inability to style clickable types in iOS and Safari.

* 2. Change font properties to `inherit` in Safari.

*/

::-webkit-file-upload-button {

  -webkit-appearance: button; /* 1 */

  font: inherit; /* 2 */

}

/* Interactive

  ========================================================================== */

/*

* Add the correct display in IE 9-.

* 1. Add the correct display in Edge, IE, and Firefox.

*/

details, /* 1 */

menu {

  display: block;

}

/*

* Add the correct display in all browsers.

*/

summary {

  display: list-item;

}

/* Scripting

  ========================================================================== */

/**

* Add the correct display in IE 9-.

*/

canvas {

  display: inline-block;

}

/**

* Add the correct display in IE.

*/

template {

  display: none;

}

/* Hidden

  ========================================================================== */

/**

* Add the correct display in IE 10-.

*/

[hidden] {

  display: none;

}

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容