Whether it is the background image or text size on the page, the difference of one pixel is obvious. And I brought back the bad habits I had in school, always being so careless. After I submitted the page for the first time, I encountered many problems. Fortunately, my instructor pointed it out to me, otherwise I wouldn’t be able to feel those shortcomings of mine. It boils down to the fact that I was too careless. , there is no accurate restoration of the design draft. I must work hard to overcome this in the future. Pursue perfection in the visual display of page design.
Through this time, I also understood some page structures. At first, I thought that the structure is the structure in which you want the page content to be displayed after blocking the loaded styles from the browser. Use this appearance to choose appropriate tags to build your own page structure. It is confused with the browser's default display style. On the one hand, it is because I have made endless associations with some labels meaninglessly, which has caused misunderstandings in the use of labels. I think this is a problem that many refactorers will inevitably encounter. At this time, I just put it into practice.
For example, in this project, I used a lot of annotation lists for the image lists because I wanted the appearance of the entire html file to be in line with people's normal thinking after removing the styles. It's something I imposed on the page, and it's not a very correct structure. It was me who expanded its use. Returning to the most original usage, in fact it is just a label used to express content, not a structure. This is a misunderstanding, because some people may think that this is not a list of notes, but a paragraph, which varies from person to person. Therefore, in this situation where everyone will not reach a consensus on the choice, choosing a meaningless div tag may be a compromise.
Structure is something that really needs to be understood and summarized slowly!