Уроки HTML, CSS Что такое классы
ฝัง
- เผยแพร่เมื่อ 19 ธ.ค. 2019
- Привет друзья! Сегодня мы с вами разберем, что такое классы, мы рассмотрим, как подключать классы к вашим элементам, также посмотрим различия в подключении класса: к элементам - к определенным тэгам или просто по названию класса. 😊
Конечно, классы нужны для того, чтобы определять набор стилей. Этот набор стилей и их свойств с определенными значениями - определяют класс, что позволяет вам экономить очень сильно ваше время при изменении внешнего вида всех ваших страниц, т.к. вы в одном месте меняете набор стилей и их свойств, и это изменение отображается у вас везде на всех страницах, где вы используете этот класс.
Вот пример конструкции для определения класса:
тег.имякласса { свойствостиля:значение; ...}
.имякласса { свойствостиля:значение; ...}
Код из Видео:
[!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' для табуляции установить .. ничего не сказали !
Имя класса не имеет значение? Тоесть любое может быть?
Да
да
вы можете сами придумывать - главное не запутаться потом в названиях этих классов
я вообще решил выучить сразу 3 языка: java sсript, html, css. И в дальнейшем хочу изучить python, c++, php. Что вы думаете по этому поводу?
Для 2020 сойдёт
Как-то маловато, надо ещё Котлин подтянуть
для начала, html/css это и близко не языки программирования)
На все перечисленное, что бы хорошо на этом кодить, тебе нужно лет 10 ≤
@@user-cf3ld8eu3l ну комментарию уже год... Ну я уже осваиваю питона. Ну ещё проблемы с рнр, для меня он оч сложный
@@user-cf3ld8eu3l ну за внимание спасибо
У меня не работает этот код, пробовала и html+css, и все в html. 🤦♀️ По книге -тоже классы у меня не работают ((
Тут все в html
Яндекс браузер ))