CSS TutorialLesson 18Free preview

CSS Links

This lesson is part of CSS · All levels

Summary

CSS can change the look of the link according to its status: normal (:link), already visited (:visited), in-hover (:hover), and active (:active). Adjusting these four status links makes them more informative and interesting to look at. The usual usage order is LVHA: link, visited, active, hover, so that no rules overlap accidentally.

Key points

The four states of the link: link, visited, hover, and active.
The recommended practical order is LVHA (link, visited, active, hover).
Text-decoration properties are used to add or remove the bottom line of a link.
The hover can also be used to create simple effects on buttons and other elements.
Links in navigation are often created without a bottom line and arranged horizontally.

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.