1-CSS Stubs

Video

Steps

1. Now that we have some HTML in place, we can stub out some basic sections for CSS.

2. We'll add the CSS in the following order:

   /*Common elements*/
   /*Header*/
   /*Nav Bars*/
   /*Sidebar Section*/
   /*Main Section*/
   /*Footer*/

3. Best practice architecture for CSS says that we'll add items in the following order:

   • HTML Elements

   • Targeted classes with class names.

   • Targeted specifics with id names.

   • Previously styled elements that are being overridden.

4. In our demo example, we'll try to follow this practice closely, but mostly, we're going for clarity as we're learning how to implement CSS here.

5. Let's go on and start adding some CSS to the header and body.