Что ж, позвольте мне начать с некоторых неуместных замечаний. Моя недавняя работа дала мне много практических возможностей, а также принесла мне много выгод. Общаясь в группе, я также упомянул, что лучший процесс обучения — это теория-практика-потом теория-а потом практика. . . циклический процесс. Упомянутая здесь теория представляет собой относительно широкую концепцию, включающую книжную теорию и краткий обзор практики. Только теория без практики часто приводит к высокомерию и маломощности: хорошо думать, но плохо действовать, слепо практиковаться без изучения и подводить итоги теории покажется занятостью, но в конце концов вы останетесь с пустыми руками;
В последнее время я все больше чувствую, что будет сложнее, если элемент li будет содержать элемент img, и мне нужно обратить на это внимание. Конечно, проблема, как всегда, возникает в IE. Ниже приведен один из примеров:
HTML
<ул>
<li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
<li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
<li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
<li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
</ul>
CSS
ул {
ширина: 280 пикселей;
}
улли {
дисплей: блок;
высота: 57 пикселей;
ширина: 277 пикселей;
}
Размер temp.jpg — 277×57.
Нормальное поведение в Firefox:
Ненормальная производительность в IE6:
Очевидно, что в IE высота производительности li не равна установленным нами 57 пикселям, а превышает ее. Это связано с тем, что под img есть дополнительные 5 пикселей.