CSS Small note

1. Center element: Specify width, then margin auto

. Middle {    max-width:400px;     //width:400px; //When the browser is zoomed out and the width is less than the element width, the element is obscured, so applying max-width will automatically shrink the element to fit the browser size. This is useful for mobile browsers.    margin:0 auto;}

2. Set the display of the list element to inline element style, which can achieve the effect of navigation bar column.

3, Box-sizing:border-box

For box models, the earlier versions of IE put border and padding in width, while the CSS standard does not count, which creates a compatibility problem. The border and padding of the box model can be calculated in width with the above setting, and it is also easier to set the size of the box because there are fewer size parameters (less border and padding).

CSS Small note