When I first got a picture of a design, I was always in a very good situation, I didn't know how to implement it, or I started my work in a hurry and panicked, and then I was troubled by the adaptation. It turns out that this kind of mindless behavior is stupid. So, it leads to a key word: layout.
The layout of a Web page can usually be divided into a list of layouts, two-column layouts, three-column layouts, and mixed layouts. Layouts can be nested, and we are going to divide the layout of the page, and then use our knowledge of HTML and CSS to render it. The basic criteria for partitioning are generally top-down, left-to-right. It's a lot better to finish coding before you have the confidence.
In the process of partitioning the layout, there are some issues to be aware of:
1, pay attention to the adaptation, in the decision to achieve this time to think well of the appropriate solution
2, with as few tags as possible to facilitate website performance
There are many ways to layout: block-level labels can implement a single column of layouts, and multi-column layouts can use flexible layouts, floats, positioning +margin, and so on.
About HTML layouts