Bootstrap study notes (ii) Typesetting and forms

First, H1~h6 label

Fixed different levels of title font size,H1=36px,h2=30px,h3=24px,h4=18px,h5=14px and h6=12px.

1, reset the value of margin-top and margin-bottom , h1~h3 after resetting the value is 20px; the value afterh4~h6 Reset is 10px.
2. All headings have a row height of 1.1(that is, 1.1 times times the Font-size), and the text color and font inherit the parent element's color and font.

Second, the H1~h6 label subtitle <small> label

< H1 > Bootstrap title One <small> I am subtitle </small></H1  >

H1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1. Small,.h1, Small,h2. Small,.h2. small,h3. small,.h3 {F ont-size:65%;} H4,.h4,h5,.h5,h6,.h6 {margin-top:10px;margin-bottom:10px;} H4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4. Small,.h4, Small,h5. Small,.h5. Small,h6. Small,.h6 { font-size:75%;}

1, row height are 1, and font-weight set the normal effect (not bold), and the color is set to Gray (#999).
2, because the text font within the <small> inside the h1~h3 , its size is set to the current font size of 65%; H4~h6 The font size inside is set to the 75% of the current font size ;

Third, the body tag and the initial set of P tags

Body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px; line-height:1.42857143; color: #333; b Ackground-color: #fff;}

P {margin:0 0 10px;}

1, Row height is 1.42857143 (line-height), about 20px

Bootstrap study notes (ii) Typesetting and forms