Join Laurie Burruss for an in-depth discussion in this video Using a span tag to add a class and customize appearance, part of Creating a CSS Style Guide: Hands-On Training.
- View Offline
So far all the styles that we have created are associated with an HTML tag, but…what if we want to create a style that we can use throughout the page that adds…emphasis or punctuates something or brings a highlight to a certain feature on…the page? Can we do that? Yes, this is called a class.…A class is a type of style that you can use any where on your HTML page as many…times as you want. So let's try making one. Let's select the word bold right…here in the body paragraph and then let's go down to the Property Inspector.…
Before we start this make sure that you have the CSS button selected. Remember…we are not working on structure now; we are creating styles. So this button…should be selected, CSS for cascading style sheets.…So I want to make something that's bold. I'm going to click on the Bold button…and the instant I do that, a dialog box comes up called New CSS Rule. This is a…new dialog box and a new feature inside of Dreamweaver CS4. It's a great…feature. I really like it. You cannot create or change your web page without…
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