Learning how to create a standard web page: CSS hybrid layout application

I. Margin (frame distance) padding (border distance)
Margin attribute setting sequence: Upper right bottom left
Padding attribute setting sequence: Top right bottom left
Margin: 25px 0 25px 0;
Abbreviation: margin: 25px 0;
II. Set Display attributes
(1) Display property none (hidden)
. Alt {display: none ;}
<Span class = "alt"> Content List Part </span>
(2) Display attribute block (block/area)
Img {display: block ;}
</img>
Block-level element: it exists in its own "box", followed by a default carriage return
Inline element: it is a part of the stream and does not follow the carriage return.
(3) Display attribute inline
Differentiate block elements. When the inline status is used, the display mode is displayed according to the inline element.
3. Dynamic Link Property settings:
A: link {
Font-weight: bold;
Text-decoration: none;
Color: # c30;
Background: transparent;
}
A: visited {
Font-weight: bold;
Text-decoration: none;
Color: # c30;
Background: transparent;
}
A: hover {
Font-weight: bold;
Text-decoration: underline;
Color: # f60;
Background: transparent;
}
A: active {
Font-weight: bold;
Text-decoration: none;
Color: # f90;
Background: transparent;
}
(1) text-decoration)
Text-decoration: underline overline none;
Underline: the link is underlined.
Overline
None: No underline during connection
(2) dynamic connection attribute sequence
(LVHA)-LoVe-HA!
(3) spoofing IE/WINDOWS
Avoid freezing when a: active property: connection with a bug occurs.
4. How to set line-height)
Line-height: 1.5;
5. How to set the article location (text-align)
Optional properties (left middle right)
Incorrect IE6/windows bug to center the document
6. Complete CSS application for fonts
Font: 13px/1.5 Georigia, "New Centeury Schoolbook", Times, serif;
7. Set page demarcation
(1) vertical-align: middle; equal to <td valign = "middle"> set vertical alignment
(2) background: none equals to background: url (images/1.gif) repeat;
8. Set display devices
<Style type = "text/css" media = "screen"> media attributes
Use HTML4.01 to convert to XHTML1.0 transitional