HTML5 APPLICATIONS DEVELOPMENT MANUAL
lu
(lu)
#1
The Grid Layout model uses CSS to structure content using rows and
columns. Grids are extremely flexible and provide an easier to use option for
organizing content than HTML tables.
Grid layouts are similar to spreadsheets in that they use columns,
rows, and cells, but you can create many different types of layouts that, in the
end, don’t look like a spreadsheet at all.
Define a grid layout by using the display property, along with the
grid or inline-grid values.
Child elements in a grid are called grid items, which can be positioned
according to grid tracks, grid lines, or grid cells.
- Grid tracks:The columns and rows of the grid; you define grid tracks
using the grid-rows and grid-columns properties
- Grid lines: The horizontal and vertical lines that divide columns or rows
- Grid cells: The logical space used to lay out grid items, similar to a cell in a
spreadsheet
