Привет друзья! Сегодня мы с вами разберем, что такое классы, мы рассмотрим, как подключать классы к вашим элементам, также посмотрим различия в подключении класса: к элементам - к определенным тэгам или просто по названию класса. 😊
Конечно, классы нужны для того, чтобы определять набор стилей. Этот набор стилей и их свойств с определенными значениями – определяют класс, что позволяет вам экономить очень сильно ваше время при изменении внешнего вида всех ваших страниц, т.к. вы в одном месте меняете набор стилей и их свойств, и это изменение отображается у вас везде на всех страницах, где вы используете этот класс.
Вот пример конструкции для определения класса:
тег.имякласса { свойствостиля:значение; ...}
.имякласса { свойствостиля:значение; ...}
Код из Видео:
[!DOCTYPE html]
[html lang=“en“]
[head]
[meta charset=“UTF-8“]
[title]Document[/title]
[style]
{
color: blue;
font-size: 40px;
}
.class_p{
color: red;
font-size: 30px;
}
[/style]
[/head]
[body]
[h1]Заголовок страницы[/h1]
[div class=“class_p“]наш контент наш контент наш контент [/div]
[p]абзац1 абзац1 абзац1 абзац1 [/p]
[p class=“class2“]абзац1 абзац1 абзац1 [/p]
[p class=“class_p“]абзац1 абзац1 абзац1 [/p]
[p]абзац1 абзац1 абзац1 абзац1 [/p]
[p]абзац1 абзац1 абзац1 абзац1 [/p]
[/body]
[/html]
P.S. в ютуб угловые скобки заменены на квадратные – для запуска кода сделайте наоборот 😊
Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT:
1) Урок на сайте Wiseplat:
✔ Сообщество программистов:
✔ -------------
Вступай в группу Вк - 🚀
Группа FaceBook -
Инстаграм Wiseplat:
Instagram:
Twitter -
********************************
Если Вам понравилась публикация, подписывайтесь на канал!
Ставьте лайки, тогда будем еще писать такой контент :)
Если есть вопросы или пожелания, то пишите, в комментариях.
********************************
- Уроки от #OlegShpagin 👨🏼💻
#урокиhtml #урокиcss #классы