As we can see from this picture, the home page is roughly divided into the following parts:
CSS initialization
Determine the size of the version center
It can be determined by the matrix selection tool of PS.
As shown in the figure, the width of the center of the plate is1200px;
The size of the navigation bar is 1366px.
It can be divided into four parts: logo, navbar, search and personal.
Page structure part:
Style part of CSS
The following points should be noted:
structure
The css style is:
note:
structure
CSS style:
It should be noted that
structure
model
note:
structure
Style css
pay attention to