Join Laurie Burruss for an in-depth discussion in this video Editing preexisting rules, part of Creating a CSS Style Guide: Hands-On Training.
- View Offline
As we finish our web page, we are going to change and edit two of our class…styles, organize our style sheet one last time and then delete some of the…extraneous content or just give it a once-over and try to see some of the…little details we might be missing.…So let's start with fixing up our style sheet. As you are designing and working…on your presentation, it's perfectly okay to create a lot of styles, but it…quickly gets disorganized. So let's take a look at what's going on right now.…We have all of these HTML tags that are appearing at the bottom of the CSS…list. We can Shift-click to select all of these HTML tag styles at the same…time and then drag them up to the top, right below the body, td, th. Next, I'm…going to select my two compound styles and drag them below the body, td, th…compound style.…
I have all my Hs together, my body, image, ul, all my links together.…That looks right. I'm going from the outside in. Next, you will see that all of…the classes are together and finally my IDs. So that looks good and you should go ahead and save.…
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