Join Laurie Burruss for an in-depth discussion in this video Creating links with CSS, part of Creating a CSS Style Guide: Hands-On Training.
- View Offline
The Page Properties dialog box has some other styles that we can create.…Looking at the page right now you can see that our links look very generic and…don't match the design that we are starting to create here using styles. …So let's go down to the Page Properties button, which is in the Properties…Inspector, and click on it. In the Category I'd like you to look at Links CSS…and click on that category. Links as you remember is another way of saying A…for anchor tag. I'm happy with our font. I like the font that we have chosen…for this page and I'm happy with the size of our links right now. So I don't…think I'll override or change that.…
But I would like to change the state of the links so that they behave…differently and look differently then the default settings that we find in…browsers. There are four states to links or A tags. There is a mnemonic device…that will help you remember that. Just remember the words love, hate. L in love…for Link, V in love for Visited, H for hover or Rollover and A in hate for…
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