Изучаем тег div и классы в html

Учимся верстать слоями и использовать классы в при создании html страницы

Транскрипт урока

Тег div. Классы. Сейчас мы снова коснемся блочных тегов. Создадим самый базовый из них — тег div. <div></div>. Давайте дадим ему цвет фона, чтобы его было лучше видно на странице. Сейчас, когда он пустой, в браузере он представлен в виде полоски с нулевой высотой, поэтому его не видно. А теперь давайте добавим в него текст. Как вы видите, сейчас он увеличился по высоте до размера текста. Мы можем задать высоту этого блока с помощью CSS свойства height. Давайте зададим, например, 50px. Теперь скопируем этот слой еще два раза. А теперь представьте, что каждому из этих слоев нам нужно задать разную высоту. Для того, чтобы это реализовать существуют классы. Они задаются с помощью атрибута class. Давайте первый назовем header, второй назовем content, а третий — footer. Теперь мы можем задать классу header высоту в 100px, а для footerа высоту в 70px, а для тега div удалим стили.

Оставьте ваш комментарий или вопрос к этому уроку