Это вторая статья на тему позиционирования блочных элементов. В первой речь шла о том, как задавать местоположение элементу, используя свойство position и точки координат top, left, right и bottom.
В этой статье я продолжу свое повествование на данную тему. На этот раз мы воспользуемся такими свойствами CSS, как float и clear.
Итак, в чем же суть позиционирования блоков?
Как вы вероятно уже знаете верстать сайт можно, используя таблицы, в этом случае страница разбивается на ячейки. А можно для этих целей использовать блоки, когда страница сайта состоит из отдельных элементов.
Наверное, не ошибусь, если скажу, что при этом серьезной проблемой для многих начинающих веб-мастеров является задача расположить блоки в заданном месте веб-страницы.
Одной из главных трудностей при верстке с помощью блоков является позиционирование (выравнивание) этих самых блоков.
Еще до широкого распространения Интернета, пионеры в области электронной документации заметили разницу между структурой документа и его отображением (тем, как он выглядит). С тех пор возникло разделение внешнего вида документа и самого документа. Продолжением этой тенденции стало возникновение CSS (каскадных таблиц стиля).
Таким образом, при создании веб-сайтов HTML используется для разметки страницы (задает структуру документа), а CSS применяется для оформления внешнего вида веб-страницы. Такая специализация упрощает работу по созданию и редактированию веб-сайта, дает веб-мастеру дополнительный набор инструментов.
В серии этих видео уроков я покажу вам, как легко и быстро делается горизонтальное меню навигации.
Лучшее качество в режиме HD
Селектор CSS представляет собой часть инструкции в таблице стилей, которая относится к определенной части HTML документа, к его тегам. Селектор указывает браузеру, какие свойства применять к определенным тегам. Но они могут намного больше, ниже мы познакомимся с богатством их возможностей.
Типы селекторов
Спецификация CSS организует селекторы в группы, основываясь больше на их теоретических характеристиках. Мы же постарались сгруппировать их в соответствии с использованием. Вот они:
Селектор по элементу
Селектор «class»
Селектор «id»
Наследующий селектор
Из этого урока вы узнаете, как сделать вертикальное меню навигации, используя для этого CSS спрайты.
