HTML+CSS structure and performance principle

CSS Web page layout is layout layout, is the Web Designer will be limited visual elements of the organic arrangement of the combination. The layout requirements of UI design are realized mainly through the floating and positioning function of CSS.

Common layouts are: one-column layouts, two-column layouts, three-column layouts, and mixed layouts.

HTML clear Default style: body{margin:0;padding:0;}

Floating (float), absolute positioning (position:absolute) causes elements to move out of the document stream (that is, where the element appears and the document code does not necessarily match).

Clear float: clear:both

The structure and performance principle of page layout: First consider the relationship between the content and content modules in the design diagram, focusing on writing HTML structure and semantics, and then consider the layout and representation.

Web page skinning is the same HTML structure, different styles.

Pictures from the MU-class network

HTML+CSS structure and performance principle