Реферат: CSS: правильное использование - залог успеха

15. #lnk A:visited {color: #666666}

16. #lnk A:active {color: #ff9900}

17. #lnka:hover {color: #ff9900}

Пойдем дальше. Для начала займемся правилами для ссылок, которые находятся в строках 1-4. Заранее договоримся, что в объявлениях стилей сначала будет идти цвет и фон, затем шрифт, затем поля и отступы. Итак:

перенесем в начало объявления цвета;

свойство COLOR запишем строчными буквами;

вместо обозначения черного цвета словом black запишем #000;

остальные значения сократим так: #555555 поменяем на #555, #FF0000 поменяем на #F00.

Получится вот что:

1. A:link {

color: #000;

font-weight: bold}

2. A:visited {

color: #555;

font-weight: bold}

3. A:active {

color: #F00;

font-weight: bold}

4. A:hover {

color: #F00;

font-weight: bold}

Заметьте, что последние два селектора имеют совершенно одинаковые объявления, так что можно смело их сгруппировать:

1. A:link {

color: #000;

font-weight: bold}

2. A:visite {

color: #555;

font-weight: bold}

3. A:active, A:hover {