Join Laurie Burruss for an in-depth discussion in this video Using the Tag Inspector to create and edit additional styles, part of Creating a CSS Style Guide: Hands-On Training.
- View Offline
Class styles are fun to create and to use in a webpage. But you need to use…them sparingly and you need to use them because you have a reason for…accentuating or defining an element differently inside of your document.…Let's try creating one more class in this document. I have a definition list…saying blue is the color of the sky. I would like that word to actually be…blue. So I'm going to double-click it. Return down to my Properties Inspector.…Make sure that my CSS button is selected because I'm creating styles. Click on…the color, look through here, find the color I want. I'm going to use #06f.…
And of course Dreamweaver being right on me says, I think you are trying to create…a class style and I am, it has guessed correctly. I'm going to give this a…simple and direct name, blue.…And I want to define this in the document because my styles are embedded in the…style tag, in the head tag of the document. I'm going to focus off the…selection and that's exactly what I want it to look like. Let's scroll down to…
Download the exercise files from the Exercise Files tab.
- Planning a site from a blank file
- Creating and editing a style guide with just HTML
- Using the Property Inspector for text markup
- Inserting images, tables, and footers for a custom look
- Creating and editing an external CSS style sheet
- Building a custom color palette for a site
- Testing web pages in various browsers
- Styling tips for professional sites