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 документ с текстом и оформите текст красиво (подберите размеры заголовка, абзаца и стили для ссылок).