Все изображения и подписи к ним заключены в один тег-контейнер <di v> с идентификатором
ga ll ery, включение же группы фотографий в другой <di v> обеспечивает
Более гибкое форматирование. Вы можете установить конкретную ширину
Фотогалереи в окне браузера или добавить ограничивающую рамку вокруг. В то
же время заключительный тег <di v> также позволяет производить выборку фотографий
И абзацев подписей, используя производные селекторы. В нашем случае,
Например, #ga ll ery i mg и #ga ll ery р - тоже действительные производные селекторы.
Главное различие в этих двух подходах - приоритет стилей. Поскольку стиль
#gallery img имеет большее значение по сравнению с .photo img, его команды
Форматирования отменяют и переопределяют параметры стиля . photo i mg.
Теперь поместим фотографии рядом друг с другом.
~МЕЧАНИЕ-------------------------------------------------При
Вставке внутренней таблицы стилей убедитесь в том, что вы поместили ее в заголовок вебстраницы,
между тегом <link> и закрывающим </head>.
Глава 8. Добавление графики на веб-страницы
4. Добавьте в только что созданную таблицу стилей следующий стиль:
.figure {
float: left :
width : 210рх;
margin : О lOpx lOpx lOpx ;
Он создает такое обтекание, при котором все пары (<фотография/заголовок~
Выравниваются по левому краю окна браузера. На самом же деле браузер размещает
