Уроки HTML, CSS Что такое классы

Привет друзья! Сегодня мы с вами разберем, что такое классы, мы рассмотрим, как подключать классы к вашим элементам, также посмотрим различия в подключении класса: к элементам - к определенным тэгам или просто по названию класса. 😊 Конечно, классы нужны для того, чтобы определять набор стилей. Этот набор стилей и их свойств с определенными значениями – определяют класс, что позволяет вам экономить очень сильно ваше время при изменении внешнего вида всех ваших страниц, т.к. вы в одном месте меняете набор стилей и их свойств, и это изменение отображается у вас везде на всех страницах, где вы используете этот класс. Вот пример конструкции для определения класса: тег.имякласса { свойствостиля:значение; ...} .имякласса { свойствостиля:значение; ...} Код из Видео: [!DOCTYPE html] [html lang="en"] [head] [meta charset="UTF-8"] [title]Document[/title] [style] p.class2{ 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: https://wiseplat.org/ 1) Урок на сайте Wiseplat: ✔ Сообщество программистов: https://wiseplat.org/ ✔ ------------- Вступай в группу Вк - https://vk.com/wiseplat 🚀 Группа FaceBook -   / wiseplat   Инстаграм Wiseplat:   / wiseplat   Instagram:   / shpaginoleg   Twitter -   / wiseplatschool   ******************************** Если Вам понравилась публикация, подписывайтесь на канал! Ставьте лайки, тогда будем еще писать такой контент :) Если есть вопросы или пожелания, то пишите, в комментариях. ******************************** Уроки от #OlegShpagin 👨🏼‍💻 #урокиhtml #урокиcss #классы