[Different CSS] Fix THE CSS layout – navigation post

If the other shore prosperousfalls, who accompany me to see the sunset fleeting

Writing in the front

How well you know CSS layouts determines how fast you can develop pages in Web development. As Web technology continues to evolve, there are countless ways to implement layouts.

This series of articles summarizes the various layouts in CSS, as well as their implementation and common techniques. This series gives you a new look at CSS layouts.

Front skills

Learning CSS layout is not an attribute or a method, but a development skill with many attributes and features. In order to master this development technique, we need to learn a few CSS properties for layouts, as well as some concepts and features. The catalogue for the series is as follows:

  1. Deep understanding of float (original float so simple)
  2. 【 Different CSS】 In-depth understanding of position (master positioning is so SAO Gas)
  3. Understand overflow in depth
  4. 【 Different CSS】 A deep understanding of z-index
  5. Learn Flex layout (Long warning)
  6. Learn Grid layout (long warning)

Dry goods

  1. Different CSS 8 ways to achieve a centered layout
  2. Different CSS 8 ways to achieve vertical layout
  3. The article “Different CSS” gives you an idea of the various units in CSS
  4. 7 ways to achieve horizontal and vertical layout
  5. 6 ways to achieve a two-column layout
  6. 5 ways to achieve a three-column layout
  7. Different CSS 4 ways to achieve equal layout
  8. 4 ways to implement Sticky Footer layout
  9. [Different CSS] 3 ways to achieve a full-screen layout

Write in the last

Article as well as source code in GitHub repository, click me to enter:

This series will be maintained all the time, but if you have any new tips or ideas, feel free to comment.