CSS3 & Grid Layout All In One
W3C
https://www.w3.org/TR/css-grid-1/
Grid Layout is a new layout model for CSS that has powerful abilities to control the
sizing
andpositioning
of boxes and their contents.
Unlike Flexible Box Layout, which issingle-axis–oriented
, Grid Layout is optimized for2-dimensional layouts
: those in which alignment of content is desired in both dimensions.
CSS Box Model
https://css-tricks.com/the-css-box-model/
https://css-tricks.com/snippets/css/complete-guide-grid/
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
https://www.w3schools.com/css/css_grid.asp
CSS3 & Grid playground
https://www.cssgridplayground.com/
https://css-tricks.com/css-grid-playground/
https://mozilladevelopers.github.io/playground/css-grid
https://webflow.com/css-grid-playground
https://codepen.io/sirinity/pen/ONqxjG
https://gridbyexample.com/examples/
https://caniuse.com/#search=grid
refs
©xgqfrms 2012-2020
www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!