Reading [CSS Essence (2nd edition)] Chapter III CSS and images & HTML page layouts

This chapter focuses on the techniques used as background images.

1. Border (add border style, remove border);

2. Set the background image for the page, position setting, fixed background image;

3. Set the background image for any element;

4. The text is placed above the image (as a background image);

5. Add multiple background images to the document (this example uses HTML and body elements to produce multiple background images);

6. Use the transparency effect (using PNG format images) in the page.

Using the web search supplement to learn the padding 4 direction sequence (upper right and left clockwise), flow layout (see the online interpretation combined with the description of the book, probably refers to the page layout elements in a percentage specified location and size).

[Personal Understanding]

Adaptive layout: The container element adjusts the position according to the screen resolution, the text inside the container does not adjust the position (within a certain range), the size of the container element will not change to a certain extent;

Flow layout: The container element adjusts the size of the container according to the screen resolution, the position of each container is proportional, the relative position will not change;

Responsive layout: The container element adjusts the position according to the screen resolution, the size of each container according to different screen resolution according to different proportions distribution;

Static layout: The size and position of the container element is fixed.

More Professional Description: http://blog.csdn.net/iefreer/article/details/40155459

Comparison of different effects can be consulted: http://wow.techbrood.com/fiddle/1753

Reading [CSS Essence (2nd edition)] Chapter III CSS and images & HTML page layouts