Reset CSS Normalize CSS

Source: Internet
Author: User

@charset "Uft-8";
Body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td {padding:0; margin:0; }
HTML {font:62.5% "Lucida Grande", Lucida, Verdana, Sans-serif; Text-shadow: #000 0px 0px 0px;}
UL, ol {list-style:none; list-style-type:none;}
H1, H2, H3, H4, H5, H6, p, Pre, BLOCKQUOTE, UL, OL, DL, address {font-weight:normal; margin:0 0 1em 0;}
Cite, EM, DFN {font-style:italic;}
. clear {Clear:both;}
. fl {float:left;}
. fr {float:right;}
. Cf:before,. cf:after{display:table; Content: "";};
. cf:after{Clear:both;};
. cf{*zoom:1;}
/* HTML5 Display-role reset for older browsers */
Article, aside, details, figcaption, Figure,footer, Header, Hgroup, menu, nav, section {display:block;}
/* Correct ' inline-block ' Display not defined in IE 8/9. Fixed the ' inline-block ' element not defined in IE 8/9. */
Audio,canvas,video {display:inline-block;}
/**
* Prevent modern browsers from displaying ' audio ' without controls. Remove excess height in IOS 5 devices.
* Prevents the browser from displaying an ' audio ' sound element that does not have the control playback controls defined. Remove the extra height shown in the IOS 5 device.
*/
Audio:not ([controls]) {display:none; height:0;}
/*address styling not present in IE 8/9. Handles styles that do not exist in IE 8/9. */
[Hidden] {Display:none;}

/*1. Set default font family to Sans-serif
* 2. Prevent IOS Text Size adjust after orientation change, without disabling user zoom. The font size is not changed when the user zooms in or out of the page. */
HTML {font-family:sans-serif;/* 1 */-ms-text-size-adjust:100%;/* 2 */-webkit-text-size-adjust:100%;/* 2 */}

/* deal with the inconsistency between Chrome and other browsers about ' outline '. */
A:focus {Outline:thin dotted;}

/* Improve readability when focused and also mouse hovered in all browsers. Improves the readability of element content when activating or hovering over an element for all browsers. */
a:active,a:hover {outline:0;}

/*address variable ' h1 ' font-size and margin within ' sections ' and ' article ' contexts in Firefox 4+, Safari 5, and Chrome.
Handle the variable ' h1 ' font size and its margins in Firefox 4+, Safari 5, and Chrome when the ' section ' and ' article ' elements are in the browser. */
h1 {Font-size:2em;margin:0.67em 0;}

/*address styling not present in IE 8/9, Safari 5, and chrome. Handles styles in IE 8/9, Safari 5, and Chrome. */

Abbr[title] {border-bottom:1px dotted;}
/* Address style set to ' bolder ' in Firefox 4+, Safari 5, and Chrome. Handling Firefox 4+, Safari 5, and chrome default ' bolder ' style as ' Bold '. * *
B,strong {font-weight:bold;}

/* Address styling not present in Safari 5 and chrome. Handle styles that aren't in Safari 5 and Chrome. */
DFN {font-style:italic;}

/*address differences between Firefox and other browsers. Handle the differences between Firefox and other browsers. */
hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0;}

/*address styling not present in IE 8/9. Handle styles that do not have in IE 8/9. */

Mark {background: #ff0; color: #000;}

/* Correct font family set oddly in Safari 5 and chrome. Fix the wacky default fonts in Safari 5 and Chrome. */

Code,kbd,pre,samp {font-family:monospace, serif; font-size:1em;}

/* Improve readability of pre-formatted text in all browsers. Improves the readability of pre-formatted text for all browsers. */

Pre {white-space:pre-wrap;}

/*set consistent quote types. Set a consistent reference format. */

Q {quotes: "\201c" "\201d" "\2018" "\2019";}

/*address inconsistent and variable font size in all browsers. Handles the inconsistency of font size across all browsers [translator Note: The original literal is: handles inconsistent and changeable font sizes in all browsers]. */

small {font-size:80%;}

/*prevent ' Sub ' and ' sup ' affecting ' line-height ' in all browsers. Blocks all browsers ' sub ' and ' SUP ' elements from affecting ' line-height '. [Translator Note: is not to let superscript and subscript affect the line height. ]*/

sub,sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}

sup {top: -0.5em;}

Sub {bottom: -0.25em;}

/* ==========================================================================
Embedded Content

Embedded content
========================================================================== */

/**
* Remove border when inside ' a ' element in IE 8/9.
*
* Remove the border that appears in IE 8/9 when content is in ' a '.
*/

img {border:0;}

/**
* Correct overflow displayed oddly in IE 9.
*
* Fixed the odd overflow content in IE 9.
*/

Svg:not (: root) {Overflow:hidden;}

/* ==========================================================================
Figures

Figure image/Chart/code, etc.
========================================================================== */

/**
* Address margin not present in IE 8/9 and Safari 5.
*
* Handle margins that are not in IE 8/9 and Safari 5.
*/

Figure {margin:0;}

/* ==========================================================================
Forms
========================================================================== */

/**
* Define consistent border, margin, and padding.
*
* Define a consistent border, margin, and padding.
*/

fieldset {border:1px solid #c0c0c0; margin:0 2px;padding:0.35em 0.625em 0.75em;}

/**
* 1. Correct ' Color ' isn't being inherited in IE 8/9.
* 2. Remove padding so people aren ' t caught out if they zero out fieldsets.
* 1. Fixed ' color ' that was not inherited in IE 8/9.
* [Translator Note: Said to be a correction color, but there is no color on the AH, this is OK? Ask the great God to explain! ]
* 2. Remove the padding to avoid the thought of an error when the user empties the form group.
*/

Legend {border:0;/* 1 */padding:0;/* 2 */}

/**
* 1. Correct font family not being inherited on all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*
* 1. Fixed a font type that was not inherited in all browsers.
* 2. Fixed a font size that was not inherited in all browsers.
* 3. Handles Firefox 4+, Safari 5, and Chrome with different margins in default settings.
*/

Button,input,select,textarea {font-family:inherit;/* 1 */font-size:100%;/* 2 */margin:0;/* 3 */}

/**
* Address Firefox 4+ setting ' line-height ' on ' input ' using '!important ' in
* The UA stylesheet.
*
* Handle the Client style table in Firefox 4+ using '!important ' Settings ' line-height '.
*/

button,input {line-height:normal;}

/**
* Address inconsistent ' text-transform ' Inheritance for ' button ' and ' select '.
* All other form control elements does not inherit ' Text-transform ' values.
* Correct ' button ' style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct ' SELECT ' style inheritance in Firefox 4+ and Opera.
*
* Handle the inconsistency of ' text-transform ' Inheritance of ' button ' and ' select '.
* All other form control elements do not inherit the value of ' Text-transform '.
* Fixed the inherited style of ' button ' in Chrome, Safari 5+, and IE 8+.
* Fixed the inherited style of ' select ' in Firefox 4+ and Opera.
*/

Button,select {text-transform:none;}

/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native ' audio '
* and ' video ' controls.
* 2. Correct inability to style clickable ' input ' types in IOS.
* 3. Improve usability and consistency of the cursor style between image-type
* ' Input ' and others.
*
* 1. Avoid a bug in Android 4.0.* WebKit to prevent the ' audio ' and ' video ' playback controls from invalidating.
* 2. Fixed a non-clickable ' input ' style in IOS.
* 3. Improved usability and consistency of cursor styles such as ' input ' for image types.
*/

button,html input[type= "button"],/* 1 */
Input[type= "Reset"],
Input[type= "Submit"] {-webkit-appearance:button;/* 2 */cursor:pointer;/* 3 */}
/**
* re-set default cursor for disabled elements.
*
* Resets the default cursor style for elements that are not available.
*/
Button[disabled],
HTML input[disabled] {
Cursor:default;
}
/**
* 1. Address box sizing set to ' Content-box ' in IE 8/9.
* 2. Remove excess padding in IE 8/9.
*
* 1. Handle the box model set to ' Content-box ' in IE 8/9.
* 2. Remove the extra padding in IE 8/9.
*/

Input[type= "checkbox"],
Input[type= "Radio"] {
Box-sizing:border-box; /* 1 */
padding:0; /* 2 */
}
/**
* 1. Address ' appearance ' set to ' Searchfield ' in Safari 5 and Chrome.
* 2. Address ' box-sizing ' set to ' Border-box ' in Safari 5 and Chrome
* (include '-moz ' to future-proof).
*
* 1. Deal with the ' Searchfield ' in Safari 5 and Chrome by default set to ' appearance '.
* 2. Handle ' Border-box ' in Safari 5 and Chrome by default set to ' Box-sizing '
* (including '-moz ') that will not be obsolete.
*/

Input[type= "Search"] {
-webkit-appearance:textfield; /* 1 */
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; /* 2 */
Box-sizing:content-box;
}

/**
* Remove inner padding and search Cancel button in Safari 5 and Chrome
* on OS X.
*
* Delete the padding and search cancel buttons on the input boxes in Chrome on Safari 5 and OS x.
*/

Input[type= "Search"]::-webkit-search-cancel-button,
Input[type= "Search"]::-webkit-search-decoration {
-webkit-appearance:none;
}
/**
* Remove inner padding and border in Firefox 4+.
*
* Delete the internal padding on Firefox 4+ button and input.
*/

Button::-moz-focus-inner,
Input::-moz-focus-inner {
border:0;
padding:0;
}

/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
* 1. Deletes the default vertical scroll bar in IE8/9.
* 2. Improves readability in all browsers and aligns text vertically.
*/
TEXTAREA {
Overflow:auto; /* 1 */
Vertical-align:top; /* 2 */
}

Table {
Border-collapse:collapse;
border-spacing:0;
}

Reset CSS Normalize CSS

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.