1,0×
95 просмотров · 5 лет назад
00:00/09:51
Описание
Уроки Html, Css Что такое классы
5 лет назад • 95 просмотров3 поставили "Нравится"
Привет друзья! Сегодня мы с вами разберем, что такое классы, мы рассмотрим, как подключать классы к вашим элементам, также посмотрим различия в подключении класса: к элементам - к определенным тэгам или просто по названию класса. 😊Конечно, классы нужны для того, чтобы определять набор стилей. Этот набор стилей и их свойств с определенными значениями – определяют класс, что позволяет вам экономить очень сильно ваше время при изменении внешнего вида всех ваших страниц, т.к. вы в одном месте меняете набор стилей и их свойств, и это изменение отображается у вас везде на всех страницах, где вы используете этот класс.
Вот пример конструкции для определения класса:
тег.имякласса { свойствостиля:значение; ...}
.имякласса { свойствостиля:значение; ...}
Код из Видео:
[!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/
✔ -------------
Вступай в группу Вк - vk.com/wiseplat 🚀
Группа FaceBook - www.facebook.com/wiseplat/
Инстаграм Wiseplat: www.instagram.com/wiseplat/
Instagram: www.instagram.com/shpaginoleg/
Twitter - twitter.com/...platSchool
********************************
Если Вам понравилась публикация, подписывайтесь на канал!
Ставьте лайки, тогда будем еще писать такой контент :)
Если есть вопросы или пожелания, то пишите, в комментариях.
********************************
- Уроки от #OlegShpagin 👨🏼💻
#урокиhtml #урокиcss #классы