Посмотреть все уроки курса
Выбрать другой урок из курса
Поиск по сайту
Теория урока

75. Блочный элемент DIV в HTML

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ

75. Блочный элемент 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; /* размещение текста */
}

Похожие уроки Codebra

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
Структура документа: родитель-потомок в CSSСелекторы в CSS
Строковые функции в PHPКурс по PHP
Структура документа: сестринские элементы в CSSСелекторы в CSS
Псевдоклассы: первый дочерний элементСелекторы в CSS
Селекторы классов и идентификаторовСелекторы в CSS
Селекторы атрибутов: простой выборСелекторы в CSS
Свойство displayФорматирование
Изменение списка на месте (срезы) в PythonЗнакомство с Python
Отношения между множествами и операции над нимиЗнакомство с Python
Впервые на сайте Codebra?

Извините за это всплывающее окно, меня они тоже раздражают.

Образовательный ресурс codebra.ru полностью посвящен программированию и компьютерной безопасности. Все курсы и уроки находятся на главной странице. Ради интереса можете посмотреть на содержимое курсов по Пентесту Active Directory, Python, HTML и CSS, JavaScript, C++ и другие, размещенные на главной странице.

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно