Більше властивостей

p.error {

color: red;

}

<p class="error">Тут спрацює</p>

text-indent: 100px; - відступ першого рядка

line-height: 1.5; - відстань між рядками

letter-spacing: 5px; - відстань між буквами

text-shadow: 2px 2px 4px #000000; - тінь

text-shadow: 2px 2px 20px #ff0000, 5px 5px 5px #000000; - багатошарова тінь

font-weight: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 - жирність тексту

ПСЕВДОКЛАСИ

При наведенні

.social-links .link {

color: teal;

}

.social-links .link:hover {

color: orange;

}

При фокусі

.social-links .link {

color: teal;

}

.social-links .link:focus {

color: orange;

}

Активна (при натисканні)

.social-links .link:active {

color: red;

}

Відвідане посилання

.social-links .link:visited {

color: green;

}

Зміна кольору клітинок таблиці

.style1 > tr:hover {

background-color: orange;

}

Зміна курсору

Пріорітети властивостей

<img src="1.png" title="123"> - спливаючий текст

min-width - мінімальна ширина