Разметка HTML страницы сайта на основе блоков div и CSS свойства float
В этом видео уроке рассказывается о том, как выполняется разметка HTML страницы сайта на основе блоков div и CSS свойства float. Для того чтобы сделать каркас сайта на основе плавающих элементов нам понадобятся несколько блоков div, которые будут играть роль шапки сайта, сайдбаров (боковые части), основного блока с контентом, и нижней части сайта. Далее, при помощи стилей CSS и свойства float мы будем определять внешний вид этих блоков, их размеры и положение на HTML странице. Каждому тегу div необходимо присвоить идентификаторы через атрибут id. Это нужно для того, чтобы была возможность задавать определенные свойства конкретным блокам HTML страницы через стили CSS. В нашем случае получилось четыре блока div с идентификаторами header, sidebar, content и footer. Также для удобства можно обернуть все блоки в ещё один тег div и идентификатором wrapper. Ширину сайта и расположение по центру страницы можно сразу определить при помощи CSS свойств для блока wrapper, указав свойство width и margin с требуемыми значениями Видео урок «Разметка HTML страницы сайта на основе блоков div и CSS свойства float» вы можете смотреть онлайн в любое время совершенно бесплатно. Удачи Вам!
- Автор: Евгений Попов
- Длительность: 9:32
- Рейтинг: 0.0/0