Верстка макета. HTML атрибут class или селектор CSS классов
Тематическая группа (веб-дизайн): https://vk.com/zametkipohtml
Официальный паблик в ВК: https://vk.com/zametkinapolyah
Рубрика по теме в блоге: http://zametkinapolyah.ru/verstka-sajtov
Не забудь подписаться и нажать палец вверх: https://www.youtube.com/user/zametkin…
Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223
Селекторы классов позволяют отбирать элементы страницы более точно, чем селекторы тегов. Используя CSS классы, можно задавать стили как для группы определенных элементов, так и для отдельного конкретного элемента. Причем элементы могут быть разными, главное, чтобы у них был одинаковый класс, который задается при помощи специального HTML атрибута class. Классов может быть любое количество, в зависимости от ваших потребностей или технического задания. CSS класс можно создать только один раз и применять его к различным элементам веб-страницы.
В HTML и CSS действует ряд правил или требования к именам класса. Для HTML элемента в коде документа класс задается при помощи атрибута class: class=”myClass”. Теперь о некоторых правилах именования классов в CSS:
Чтобы сказать браузеру, что данный набор букв – это CSS класс, напишите точку: .myClass
Имена классов могут содержать только латинские буквы, цифры, дефисы и знаки подчеркивания.
Имя класса должно всегда начинаться с латинского буквы, после которой могут следовать люыбе символы из допустимых.
Имя класса в HTML и CSS чувствительно к регистру: myclass, MyClass, myClass, MYCLASS – разные имена.
Классы в CSS можно использовать так же, как и селекторы тегов.
.myClass { font-size: 12px; background-color: #888; color: #fff; }
.red-text { color: #ff0000; }
Данные классы будут применены только к тем элементам, для которых будут заданы атрибуты class с соответствующим именем.
К одному HTML элементу можно применять несколько классов, например:
class=”myClass red-text”
Кирилл Антонов
Канал для начинающего веб-разработчика. Здесь ты найдешь различные видео уроки о технологиях и программном обеспечение, которые используют веб-разработчики.
Последние сообщения
127 полезных и бесплатных онлайн академий
23.04.2019
