Далее вы улучшите внешний вид абзацев.
7. Добавьте новый стиль на страницу:
#main р {
font-size: 1.5em:
line-height: 150%:
margin-left: 150рх:
margin-right: 50рх:
margin-bottom: lOpx:
Этот стиль содержит свойство l i ne- hei ght, которое определяет расстояние между
строками. Значение 150% добавляет немного больше пространства между
Строками абзаца, чем вы обычно видите в браузере. Благодаря этому дополнительному
Пространству текст чувствует себя свободнее, а предложения становится
Легче читать (но только если вы используете латиницу).
Этот стиль также увеличивает размер шрифта до 1,5 em ( 15 пикселов для большинства
Браузеров) и отодвигает абзац от левого и правого краев страницы.
Вы можете заметить, что для свойства ma rgi n приходится набирать слишком
Много кода. Но, к счастью, как вы узнаете в следующей главе, есть сокращенная
Запись этого свойства.
Теперь попробуем более продвинутый тип селектора.
8. Добавьте следующий стиль к таблице стилей:
#main p:first-line {
font-weight: bold:
color: #999:
Псеодаэлемент : fi rst- l i ne воздействует только на первую строку абзаца. В этом
случае именно первая строка текста в каждом абзаце внутри основного <di v>
Будет окрашена в серый цвет и выделена полужирным.
Сохраните страницу и откройте ее для просмотра результатов в браузере.
