Теория урока
Блочный элемент DIV в HTML
Элемент <div>
является универсальным, популярным, блочным элементом. Применяется он для того, чтобы изменить его содержимое (все, что находится между <div> ... </div>
). Вид (стиль, отображение) блока изменяется при помощи стилей CSS. Далее первый пример смотрим.
Пример 1
<div class = "example">Какой-то текст</div>
И давайте напишем пару CSS свойств для нашего блока из примера 1.
Пример 2
.example {
width: 100px; /* ширина */
padding: 20px; /* отступы внутри */
background: #F9F9F9; /* фон */
color: #555555; /* цвет текста */
text-align: center; /* размещение текста */
}
Возможно, вам это будет интересно: Форматирование кода тегами PRE и CODE
<
×
>
HTML
CSS
Браузер
Вернуть расположение блоков
Код HTML
Код CSS
Браузер×
Задание
Восстановить код
Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков), вам нужно авторизоваться
- Примените класс
block_select
к существующему<div>
– Не пропускайте новостей, подпишитесь на нашу страницу ВК, Facebook или Twitter.
– Не знаете как сделать? Нажмите на кнопку Обсуждение и задайте вопрос!
Проверить задание