Mastering CSS: Advanced Web Standards Solutions Learning notes (bottom)

1.

Background-position:left Center;

Two parameters are X-and y-axis position

2.

  background-position:10% 20%;

When expressed as a percentage, the anchor point is not the upper-left corner of the element, but the background on the left 10% and the point to the right 20%

3. Round corner box, slightly. Too much content, open a separate article later.

4. Like the following CSS code:

1{2    text-decoration: none;  3 }4a:hover,a:focus,a:active{5    text-decoration: underline ; 6 }

If the order of the selector is reversed, the following:

1 a:hover,a:focus,a:active {2    text-decoration: underline;  3 }4{5    text-decoration: none;  6 }

The mouse hover and activate style does not work, this is caused by the cascade, according to the standard, when the two rules have the same particularity, the rule of the later definition takes precedence. I will also open another article about priority sorting.

5. Anchor

<href= "Http://www.taoshen.com/index.html#image">image</  a>

#后接元素id, and CSS3 is allowed to use: The target pseudo-class defines a style for the destination element, such as:

1 A:target {2    background-color: yellow;  3 }

6. Never use the a tag to update the server, or the spider's crawl may cause misoperation. A and button do not mix.

Mastering CSS: Advanced Web Standards Solutions Learning notes (bottom)