Головна‎ > ‎HTML + CSS‎ > ‎

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

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;
}

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




Пріорітети властивостей
  1. inline
  2. id
  3. class, attribut
  4. element




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

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