Внимание! На этой странице вы найдете материал урока из архивного курса по HTML. Курс был написан в 2015, обновлен в 2024 году и по-прежнему актуален для начинающих веб-разработчиков.
Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.
Полный список уроков доступен по тегу Архивный курс по HTML и на странице первого урока.
- Примените класс
block_selectк существующему<div>
В предыдущем разделе познакомились с основными семантическими элементами HTML5. В этом разделе завершим курс по HTML и перейдем к изучению CSS.
Элемент <div> является универсальным, популярным, блочным элементом. Применяется он для того, чтобы изменить его содержимое (все, что находится между <div> ... </div>). Вид (стиль, отображение) блока изменяется при помощи стилей CSS. Далее пример:
<div class = "example">Какой-то текст</div>И давайте напишем пару CSS свойств для нашего блока из предыдущего примера.
.example {
width: 100px; /* ширина */
padding: 20px; /* отступы внутри */
background: #F9F9F9; /* фон */
color: #555555; /* цвет текста */
text-align: center; /* размещение текста */
}Тег <div> не несет семантического смысла, поэтому если есть возможность использовать теги <main>, <header>, <footer> и другие - используйте их.
В следующем уроке поговорим про тег <span>.
Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу HTML.
