This chapter has been all about a systematic approach to designing layout systems for web pages, thinking
in terms of rows, columns, and gutters. We started out building a backward- and forward-compatible grid
system using floats, with inline blocks and flexbox properties jumping in to take the design even further.
For the entire history of CSS, we have needed to have nested element structures in place in order
to create structures to hold our layouts. This applies even for flexbox layouts, which are otherwise a very
powerful layout tool. We devoted the second half of this chapter to the CSS Grid Layout specification, where
a lot of these concerns are addressed. Layout using grid properties shifts the grid creation from individual
elements to the grid container, and we only need to place and align the items into the correct position.
in terms of rows, columns, and gutters. We started out building a backward- and forward-compatible grid
system using floats, with inline blocks and flexbox properties jumping in to take the design even further.
For the entire history of CSS, we have needed to have nested element structures in place in order
to create structures to hold our layouts. This applies even for flexbox layouts, which are otherwise a very
powerful layout tool. We devoted the second half of this chapter to the CSS Grid Layout specification, where
a lot of these concerns are addressed. Layout using grid properties shifts the grid creation from individual
elements to the grid container, and we only need to place and align the items into the correct position.
扫一扫
303
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
