CSS DIV combat_html/css_WEB-ITnose

1.1. Blue Classic

1. Fixed width, no matter how big the resolution is, the width is fixed.

2. The navigation part uses pictures. The position of the navigation is reserved in the picture, and the navigation is covered on top. The navigation is prevented from reaching the lower right corner of the picture through absolute values.

3. Float can not only be applied to large blocks, but also to small blocks such as li. After being applied to li, the li item will be evenly divided into two parts for display.

4. Tips for replacing the title with an image: Hide the title directly and make an image that is the same as the title to display.

The vertical title method is the same as above. The difference is that the padding-left attribute of the element needs to be adjusted.

Case address: http://115.com/file/aqxc2u9t#

Through case studies and hands-on practice, you can experience How powerful is CSS? ! !