Курс HTML5, CSS3, SEO, Wordpress и Photoshop

CSS селекторы

Создайте в прошлом примере в файле style.css следующие записи:
p {
color: red;
background: yellow;
}
h1 {
color: blue;
background: green;
}
И посмотрите на результат в вашем браузере.
Как видно принцип действия CSS довольно прост:
Элемент {
Стили
}

Красивое оформление текстов

Теперь давайте приведем основные стили для украшения текстов, такие как — шрифт, размер шрифта, стиль шрифта (жирное), семейство шрифта.
Это делается так:
p {
font: bold italic 15px arial;
}
Где bold это жирное начертание (можно не ставить, тогда текст будет обычного начертания), italic это курсив (если не ставить текст будет без наклона), 15px размер шрифта (можно давать разные значения вместо 15) а arial это семейство шрифтов (существуют такие универсальные семейства шрифтов как — verdanna, 'times new roman', serif которые можно поставить вместо arial).
Разумеется что вместо p можно ставить h1, h2, h3, h4, h5, h6 и a (для стилизации ссылок).

Упражнение

Создайте HTML документ с текстом и оформите текст красиво (подберите размеры заголовка, абзаца и стили для ссылок).