CSS Learning Notes

20150712. CSS Learning Notes

1, the code begins to end with a comment <!-headerend--

The name is defined in the 2,form, and the element is used when the data is worn.

3, configure a separate class for each li.

4, you can use *{} at the beginning of the CSS file, a wildcard selector.

/* Wildcard Selector */

*{

margin:0;

padding:0;

Color: #000;

font-size:13px;

List-style-type:none;

Text-decoration:none;

}

5, ' reverse floating ' will be the main content in the. HTML front, to facilitate the network crawler first find.

6, Link A If the inside is an IMG, on Display:block, is the user experience better.

7, Hide link text, use ' push text ' idea, push text trilogy:

1, ' text indent ' launches text. 2. Avoid automatic line wrapping. 3, overflow hidden.

Text-indent:150px;white-space:nowrap;overflow:hidden;

When there is an IMG in the 8,a, the browser will automatically add border:1px to the IMG and 0px for the default style to be eliminated.

CSS Learning Notes