The good programmer Web front end shares code for CSS initialization, which means restyling the browser. Different browsers may default to different styles,
So the first thing to do in development is probably how to unify them.
If CSS is not initialized, page differences tend to occur between browsers.
By initializing CSS style properties every time you develop a new website or web page,
To make CSS or HTML tags that we’re going to use more convenient and accurate,
Makes it easier and simpler for us to develop web content,
At the same time to reduce the amount of CSS code, save web page download time.
CSS reset code / * * /
/**** Initialize the text size so that 1em=10px *****/
Body {
The font – size: 62.5%;
} /* for IE/Win */
HTML > body {
The font – size: 10 px;
} /* for everything else */
/ font border etc initializes /
Body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, and h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
Padding: 0;
Margin: 0;
}
Table {
Border – the collapse: the collapse;
Border – spacing: 0;
}
Fieldset, img {
Border: 0;
}
Img {
Display: block;
}
Address, caption, cite, code, DFN, th, var {
The font – weight: normal;
The font – style: normal;
}
Ol, ul {
The list – style: none;
}
Caption, th {
The text – align: left;
}
H1, h2, h3, h4, h5, and h6 {
The font – weight: normal;
The font – size: 100%;
}
Q: before, q: after {
Content: “‘;
}
Abbr. Acronym {border: 0;
}
A {
The text – decoration: none;
}
Body, ol, ul, h1, h2, h3, h4, h5, and h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {margin: 0; padding:0}
Body {font:12px”宋体”,”Arial Narrow”,HELVETICA; background:#fff; -webkit-text-size-adjust:100%; } a {color: # 2 d374b; text-decoration:none}
A: hover {color: # cd0200; text-decoration:underline}
Em {the font – style: normal}
Li {list – style: none}
Img {border: 0; vertical-align:middle}
Table {border – the collapse: the collapse; border-spacing:0}
P {word – wrap: break – word}
Body, ul, ol, li p, h1, h2, h3, h4, h5, and h6, form, fieldset, table, td, img, div {margin: 0; padding:0; border:0; }
Body {background: # FFF; color:#333; font-size:12px; margin-top:5px; Font-family :”SimSun”,”宋体”,”Arial Narrow”; }
Ul, ol {list – style – type: none; }
The select, input, img, select {vertical – align: middle; }
A {text – decoration: none; }
A: the link {color: # 009; }
A: visited {color: # 800080; }
A: hover, a: active, a: focus {color: # c00; text-decoration:underline; }