Summary of "CSS Cookbook" notes (iii)

Source: Internet
Author: User

Image

The Background-position property contains two values, separated by commas. The first value determines the coordinates of the point on the x-axis, and the second value determines the coordinates on the y-axis. If only one value is given, then it represents the horizontal position, in which case the vertical position is set to 50%. Setting Background-position to 50% means placing the picture in the center of the browser window. 0% and 100%, respectively, place the picture in the upper-left and lower-right corner of the window. In addition to percentages, other values can be used to locate, for example, the y-axis direction available left, center, and right for top, center, and bottom,x axes. If the bindings use these values, you can place the picture at eight points on each side of the window. But Netscape Navigator4 does not support the Background-position attribute, and there is no effective way to solve the limitations with CSS.

GIF and JPEG are the two most commonly used image formats on a site, which compress pictures in different ways. The GIF format is more suitable for compressing images with a simpler color hierarchy, and JPEG is more suitable for users to compress color-structured graphics or photos.

  

Summary of "CSS Cookbook" notes (iii)

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.