CSS Default values Rollup

Original: http://www.cnblogs.com/xiangzi888/archive/2011/10/12/2209514.html

HTML tag CSS Property default value Rollup

This thing is useful when you need to restore the default values.

At the beginning *{margin:0;padding:0, when you need to use margins, you need to restore the HTML default CSS values.

I've been looking for this document, and I saw it on the W3 today. In addition to the definition of inline and block, it is important to note the default styles (margin and font-size) for labels such as BODY|H1~H6|BLOCKQUOTE|MENU|UL|OL|DD.

HTML, address,

Blockquote

Body, DD, Div,

DL, DT, fieldset, form,

Frame, frameset,

H1, H2, H3, H4,

H5, H6, Noframes,

OL, P, UL, center,

Dir, HR, menu, pre {display:block}

Li {Display:list-item}

Head {Display:none}

Table {display:table}

TR {Display:table-row}

thead {Display:table-header-group}

tbody {Display:table-row-group}

tfoot {Display:table-footer-group}

Col {Display:table-column}

Colgroup {Display:table-column-group}

TD, Th {Display:table-cell;}

Caption {display:table-caption}

th {font-weight:bolder; Text-align:center}

Caption {Text-align:center}

body {margin:8px; line-height:1.12}

h1 {font-size:2em; margin:. 67em 0}

h2 {font-size:1.5em; margin:. 75em 0}

h3 {font-size:1.17em; margin:. 83em 0}

H4, P,

BLOCKQUOTE, UL,

FieldSet, form,

OL, DL, dir,

Menu {MARGIN:1.12EM 0}

h5 {font-size:. 83em; Margin:1.5em 0}

h6 {font-size:. 75em; Margin:1.67em 0}

H1, H2, H3, H4,

H5, h6, B,

Strong {Font-weight:bolder}

blockquote {margin-left:40px; margin-right:40px}

I, cite, EM,

var, address {font-style:italic}

Pre, TT, code,

KBD, Samp {font-family:monospace}

Pre {White-space:pre}

button, textarea,

Input, Object,

Select {Display:inline-block;}

Big {Font-size:1.17em}

Small, Sub, sup {font-size:. 83em}

Sub {vertical-align:sub}

sup {Vertical-align:super}

Table {border-spacing:2px;}

THEAD, Tbody,

tfoot {Vertical-align:middle}

TD, Th {Vertical-align:inherit}

S, strike, Del {Text-decoration:line-through}

HR {border:1px inset}

OL, UL, dir,

menu, DD {margin-left:40px}

OL {List-style-type:decimal}

OL UL, ul OL,

UL UL, ol ol {margin-top:0; margin-bottom:0}

U, ins {text-decoration:underline}

Br:before {content: "\a"}

: Before,: after {white-space:pre-line}

Center {Text-align:center}

ABBR, acronym {font-variant:small-caps; Letter-spacing:0.1em}

: Link,: visited {text-decoration:underline}

: Focus {Outline:thin dotted invert}

Bdo[dir= "ltr"] {direction:ltr; Unicode-bidi:bidi-override}

Bdo[dir= "RTL"] {Direction:rtl; Unicode-bidi:bidi-override}

*[dir= "ltr"] {direction:ltr; unicode-bidi:embed}

*[dir= "RTL"] {Direction:rtl; unicode-bidi:embed}

@media Print {

h1 {Page-break-before:always}

H1, H2, H3,

H4, H5, h6 {page-break-after:avoid}

UL, OL, DL {page-break-before:avoid

--------------------------------------------------------------------------------

Browser Default Style

1. Page margins

IE defaults to 10px, set by the body's margin property

FF defaults to 8px, via the body's Padding property setting

To clear the margins, be sure to clear both property values

Body {

margin:0;

padding:0;

}

2. Segment Spacing

IE defaults to 19px, set by the Margin-top property of P

The FF defaults to 1.12EM, which is set by the Margin-bottom property of P

P defaults to block display, to clear the segment spacing, you can generally set

p {

margin-top:0;

margin-bottom:0;

}

3. Heading styles

H1~h6 default bold display: Font-weight:bold;.

Default size please refer to the table above

And it's written like this.

h1 {Font-size:xx-large;}

h2 {Font-size:x-large;}

h3 {Font-size:large;}

h4 {Font-size:medium;}

h5 {Font-size:small;}

h6 {Font-size:x-small;}

The default font size of a large browser is 16px, that is, the MEDIUM,H1~H6 element is displayed as bold by default in block display font,

To clear the heading style, you can generally set

HX {

Font-weight:normal;

Font-size:value;

}

4. List Style

ie default to 40px, through the margin properties of UL, OL set

FF default is 40px, through the UL, Ol padding property settings

The DL does not indent, but the internal description element dd is indented by default at 40px, while the name element DT is not indented.

To clear the list style, you can generally set

UL, OL, DD {

list-style-type:none;/* Clear List Style characters */

margin-left:0;/* Clear IE Left indent */

padding-left:0;/* clear non-ie left indent */

}

5. Center Element

ie default is text-align:center;

FF defaults to Margin-left:auto;margin-right:auto;

6. Hyperlink style

A style is underlined by default, the display color is blue, hyperlinks that have been visited become purple, to clear the link style, you can generally set

A

Text-decoration:none;

Color: #colorname;

}

7 Mouse Styles

ie default is Cursor:hand;

FF defaults to Cursor:pointer;. This statement is also valid in IE

8 Picture Link Style

ie default to purple 2px border line

FF default to blue 2px border line

To clear the picture link style, you can generally set

IMG {

border:0;

}

CSS Default values Rollup