Summary of "CSS Cookbook" notes (iii)

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)