Работать с одним файлом вместо двух.
Неб-страница выглядит замечательно: фотография и заголовок выровнены по
Правому краю окна браузера, а подпись отчетливо выделяется. Однако есть одна
Небольшая проблема: если вы внимательно посмотрите на текст подписи, то
Обнаружите, что абзац имеет небольшие отступы слева и справа и текст по ширине
Занимает пространство немного меньшее, чем фотография. Это и есть пример
Одной из многочисленных проблемных ситуаций, которые неминуемо возникают
При работе с CSS.
В данном случае вы столкнулись с проблемой каскадности. Текст подписи
размещен внутри тега абзаца <р>, и, кроме того, в таблице стилей styles.css
имеется стиль для <р>. Рассмотрев его, мы видим, что он устанавливает верхнее
И нижнее поля равными 10 пикселам, а также левое и правое поля- 8.
Нам нужно переопределить их, например указав новые значения полей в более
Явно определенном стиле (описание приоритетов стилей и каскадмости
См. в разд. «Особенности механизма каскадности: какие стили имеют преимущества
» гл. 5). К счастью, у вас уже есть более явно определенный стиль.
Figure р. Таким образом, чтобы переопределить параметры полей стиля абзаца
Р с меньшим приоритетом, вы должны всего лишь добавить новые параметры
