Фотоrрафии, приведА их ширину к одному размеру).
Другой способ состоит в использовании возможности
CSS применить два стилевых класса к одному тегу: <d 1 v
class•"figure wЗОО">. Этот тег <div> принадлежит
Как стилевому классу f1gure, так и классуwЗОО.
Теперь создайте стилевой класс, например . wзоо,
И определите ширину изображения (в данном случае300)
мюс10наотстулыиrраницы: wзоо { width:
310 }. Чтобы этот nрием работал, вы должны либо
Удалить nараметр ширины в стиле figure, либо добавить
Стиль . wЗОО nосле . figure в таблице стилей.
И вот nочему: эти два значениR ширины конфликтуют
Между собоИ (210 и 300) и браузер должен разрешить
Конфликт, исnольэуR nравило кас11адности (см. гл. S).
Поскольку и стилевой класс . f1 gure, и класс . wЗОО
Имеют одинаковый nриоритет, будет nрименен тот
Стиль, который последним определен в таблице стилей.
Сохраните файл и просмотрите веб-страницу ga ll ery . html в браузере. Она должна
Быть похожа на страницу, представленную на рис. 8.12, слева.
На рис. 8.12 метод работает неправильно, если элементы имеют различную высоту
(см . рис. 8.12, слева) . Здесь вам поможет свойство hei ght для принудительной
Установки одинаковой высоты всех элементов и гарантии того, что все они
Выстроятся и отобразятся nравильно (см. рис . 8.12, справа).
