In the next couple of hours, we are going to concentrate on:

• Llimiting our discussion of CSS to Text and Images.
• Discussing what CSS is and does, and how it works.
• Going over a little history and a little about the future.
• Making sure you leave here knowing where and how to get the help you need, as you start using CSS in your own pages.

Please open the file sampleCSS.html, located in your files list to the left of your Dreamweaver workspace. In Code View, if you would, please delete the lines between the two embedded style tags:

We will be adding back the various styling rules and discussing each one in-turn. But for now, let's delete all of the rules and see how the sampleCSS.html page looks with just the browser-default styling. Delete the CSS rules and save your page, then view it live, online, in a browser, using your [F12] key.

With all of the CSS rules removed, this is also a good time to make yourself familiar with the general composition of the page's HTML. Notice that there are a couple of images near the top, several paragraphs of text and an unordered list of links. Much of this markup is further corralled into divisions with simple names that describe the content contained, such as "header", "content" and "footer".