HTML5

Creates boxes that contribute to the layout of the document. Sections, articles, paragraphs, lists, and images are examples of block-level elements.

"Surrounds the box itself. A border can be transparent, or it can be colored and have a pattern like a dashed line."

"Is whatever is displayed in the box, such as text and images.

Offers flexible layouts for UI design.

A child box.

Is a layout mode for using flexible boxes in user interfaces. The model is part of the CSS3 draft specification.

Child elements of a grid.

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.

For more complex layouts. The grid layout model lets you control the design of sections or entire HTML-based documents using CSS3. As the name implies, a grid layout uses rows and columns to make the design look cleaner and structured.

Provides a visualization of the grid element's structure and defines the grid cells.

Are designed for laying out text and don't disrupt the flow of the document. Applying boldface and the new HTML5 mark element are examples of inline elements.

Is transparent and sits at the outermost edge of a box, providing space between the box and other boxes in the document.

Enable you to adapt an HTML document to end-user devices. HTML media element types include aural, braille, handheld, print, projection, screen, tty, and tv.

Is the space between the border of the box and its content. Padding generally takes on the same color as the box's background color.

Is important to understand when working with the CSS. Essentially, a parent box can contain one or more boxes. The boxes contained within a parent box are referred to as child boxes.