Уроки 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: wiseplat.org/
1) Урок на сайте Wiseplat:
✔ Сообщество программистов: wiseplat.org/
✔ -------------
Вступай в группу Вк - wiseplat 🚀
Группа FaceBook - / wiseplat
Инстаграм Wiseplat: / wiseplat
Instagram: / shpaginoleg
Twitter - / wiseplatschool
********************************
Если Вам понравилась публикация, подписывайтесь на канал!
Ставьте лайки, тогда будем еще писать такой контент :)
Если есть вопросы или пожелания, то пишите, в комментариях.
********************************
- Уроки от #OlegShpagin 👨🏼‍💻
#урокиhtml #урокиcss #классы

[@wiseplat]

Ценю твой ЛАЙК и КОММЕНТ!
Facebook: facebook.com/wiseplat/
Личный Facebook: facebook.com/oleg.shpagin
ВКонтакте: vk.com/wiseplat
Личный ВКонтакте: vk.com/bazatut_ru
Instagram: instagram.com/wiseplat/
Мой личный Instagram: instagram.com/shpaginoleg/

[@АндрейЗвонарь-ф8с]

Олег, здравствуйте! А если такое понятие как предустановленные классы ( в html, css)? В смысле занятых ключевых слов.

[@yares-store4009]

Олег, благодарю. Объяснил доступно и с примером. У многих этот дар отсутствует

[@user-fd6dv5fb3z]

Олег спасибо за объяснение,- разобрался с классами наконец - то!

[@user-se5hb5yb8d]

Спасибо большое! Лайк, подписка.

[@АлександрДавыдов-э1ф]

Видео вышло 3 года назад, но до сих пор помогает людям понять что им нужно

[@storikx8882]

Огромное спасибо за понятное объяснение

[@lumeaceaiuluisrl6343]

Спасибо!

[@user-jw3ms2nw8x]

Имя класса не имеет значение? Тоесть любое может быть?

[@jffjgjdjfjffjfjf7670]

Да

[@AibekDandaev]

да
вы можете сами придумывать - главное не запутаться потом в названиях этих классов

[@muhammadishankulov9697]

спасибо

[@alexanderpadalka5708]

🗽

[@kraiton1]

А про то, что надо расширение 'emmet' для табуляции установить .. ничего не сказали !

[@Mi24B]

я вообще решил выучить сразу 3 языка: java sсript, html, css. И в дальнейшем хочу изучить python, c++, php. Что вы думаете по этому поводу?

[@jffjgjdjfjffjfjf7670]

Для 2020 сойдёт

[@ArtyomStouch]

Как-то маловато, надо ещё Котлин подтянуть

[@АндрейАндрюхин-ж9ю]

для начала, html/css это и близко не языки программирования)
На все перечисленное, что бы хорошо на этом кодить, тебе нужно лет 10 ≤

[@Mi24B]

@@АндрейАндрюхин-ж9ю ну комментарию уже год... Ну я уже осваиваю питона. Ну ещё проблемы с рнр, для меня он оч сложный

[@Mi24B]

@@АндрейАндрюхин-ж9ю ну за внимание спасибо

[@katekate5779]

У меня не работает этот код, пробовала и html+css, и все в html. 🤦‍♀️ По книге -тоже классы у меня не работают ((

[@BEST-tj2ru]

Тут все в html

[@ArtyomStouch]

Яндекс браузер ))