We just examined how the Dreamweaver HTML5 layouts adjust for non-HTML5 compliant browsers with supplemental CSS formatting. However, in the process, we identified another key piece of the puzzle of understanding how HTML5 elements acquire formatting attributes—this is done by defining CSS styles that are associated with those elements.
In order to move on and apply that technique to formatting all the HTML5 elements on our page, it will be useful to explore the following three essential CSS attributes that can be applied to nearly all the HTML5 layout elements:
While there are many attributes that can be assigned to layout elements, a conceptual handle on these three will prepare you with a foundation from which to dissect, learn from, and be able to adapt Dreamweaver's HTML5 layouts.