Web standards: Five, Hyperlink Pseudo-Class

Web standards: Five, Hyperlink Pseudo-Class

Knowledge Points:

1. Four styles of links 2. Convert the link to block 3. Make a button with CSS 4. Drop cap 1) There are four pseudo-classes in the link's four style hyperlinks, namely: A:link not visited link a:visited visited link a:hover mouse move to link a:active The selected link is called a pseudo-class, that is, he is not a real class, the normal class is starting with a point, followed by a name, and it is a beginning followed by a colon, followed by a state-qualified character. Text-decoration the text in the HTML language, such as underlining. Value: None: Default, no decoration link: Flashing underline: underline Line-through: Line overline: Dash description: Four pseudo-classes must be written in a fixed order, otherwise some will not take effect, in order to follow the L (link) OV (visited  ) E H (hover) A (active) te principle. 2) Convert links to block-level element links in the default state is an inline element, converted to block-level elements can get a larger click area, you can set the height and width, the link to block-level elements, just add a display:block CSS properties. 3) using CSS to make a button here with the CSS making button, that is, the link to block-level elements on the basis of the block-level elements to add a background image, here I am using the local two images. 4) First drop caps need to apply pseudo-elements: First-letter Note: IE6 If you want to be compatible with First-letter, you need to leave a space between the selector and the style curly brace, otherwise IE6 will not be implemented. That is, there are spaces in the middle of First-letter and {}.

Web standards: Five, Hyperlink Pseudo-Class