Уроки HTML, CSS Что такое классы
ฝัง
- เผยแพร่เมื่อ 26 ก.ย. 2024
- Привет друзья! Сегодня мы с вами разберем, что такое классы, мы рассмотрим, как подключать классы к вашим элементам, также посмотрим различия в подключении класса: к элементам - к определенным тэгам или просто по названию класса. 😊
Конечно, классы нужны для того, чтобы определять набор стилей. Этот набор стилей и их свойств с определенными значениями - определяют класс, что позволяет вам экономить очень сильно ваше время при изменении внешнего вида всех ваших страниц, т.к. вы в одном месте меняете набор стилей и их свойств, и это изменение отображается у вас везде на всех страницах, где вы используете этот класс.
Вот пример конструкции для определения класса:
тег.имякласса { свойствостиля:значение; ...}
.имякласса { свойствостиля:значение; ...}
Код из Видео:
[!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 #классы
Ценю твой ЛАЙК и КОММЕНТ!
Facebook: facebook.com/wiseplat/
Личный Facebook: facebook.com/oleg.shpagin
ВКонтакте: vk.com/wiseplat
Личный ВКонтакте: vk.com/bazatut_ru
Instagram: instagram.com/wiseplat/
Мой личный Instagram: instagram.com/shpaginoleg/
Олег, здравствуйте! А если такое понятие как предустановленные классы ( в html, css)? В смысле занятых ключевых слов.
Олег, благодарю. Объяснил доступно и с примером. У многих этот дар отсутствует
Олег спасибо за объяснение,- разобрался с классами наконец - то!
Видео вышло 3 года назад, но до сих пор помогает людям понять что им нужно
Спасибо большое! Лайк, подписка.
Огромное спасибо за понятное объяснение
Спасибо!
Имя класса не имеет значение? Тоесть любое может быть?
Да
да
вы можете сами придумывать - главное не запутаться потом в названиях этих классов
А про то, что надо расширение 'emmet' для табуляции установить .. ничего не сказали !
спасибо
🗽
У меня не работает этот код, пробовала и html+css, и все в html. 🤦♀️ По книге -тоже классы у меня не работают ((
Тут все в html
я вообще решил выучить сразу 3 языка: java sсript, html, css. И в дальнейшем хочу изучить python, c++, php. Что вы думаете по этому поводу?
Для 2020 сойдёт
Как-то маловато, надо ещё Котлин подтянуть
для начала, html/css это и близко не языки программирования)
На все перечисленное, что бы хорошо на этом кодить, тебе нужно лет 10 ≤
@@АндрейАндрюхин-ж9ю ну комментарию уже год... Ну я уже осваиваю питона. Ну ещё проблемы с рнр, для меня он оч сложный
@@АндрейАндрюхин-ж9ю ну за внимание спасибо
Яндекс браузер ))