Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CC
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Books

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Adding Styles for Unvisited & Visited Links

  • We are going to create CSS styles for the nav bar hyperlinks
  • Unvisited hyperlinks are underlined and blue by default
  • Visited links are purple and underlined by default
  • CSS can be used to change these properties and add additional ones
  • There are 4 links states available, link, visited, hover and active in addition to the a tag
  • These styles are called pseudo-class selectors since they list the tag and a colon in the name and only apply if the hyperlink is within that specific state
  • The a tag can be styled so the styles apply to all of the hyperlinks, you can be more specific by listing other tags before the a tag in order to modify links within a specific area of the page
  • We create styles for the unvisited, visited links along with links that have the cursor over them
  • Create a new internal style for the a tag and modify the color and font-family
  • The CSS property called text-decoration can remove the underline for hyperlinks
  • Each hyperlink in our bulleted list will now look the same
  • You can use a:link, a:visited, a:hover or a:active as selectors to modify hyperlinks within a specific state

Adding Styles for Unvisited & Visited Links

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Style Links 1:26
    • <a>
    • Select Color
    • Font Family
    • Text Decoration
    • Preview
  • a:link Selector 5:39
    • Preview
  • a:visited 8:25
  • Remove CSS Property 10:04
  • Disable CSS Property 10:12