Видео: Урок 3. Подключение стилей. Создание главного меню 2024
Стилей классов , которые также иногда называются стилями пользовательского класса , пользовательских стилей, или < пользовательские классы , в каскадных таблицах стилей (CSS) предназначены для тех случаев, когда вы хотите создать особый стиль, а затем выборочно применять его к неограниченному количеству элементов или объектов на веб-странице. Например, в предложении «Ежедневный бюллетень« Ежедневные предложения »вы получаете самые горячие продажи, рекламные акции и специальные предложения в самых популярных магазинах в одном удобном для чтения ежедневном электронном письме», вы можете создать собственный стиль класса для изменения слов
Daily Deals , а затем применить этот стиль к тем словам в HTML.
. dailydeals
{font-family: Грузия, «Times New Roman», Times, serif; font-size: 23px; font-weight: bold; color: # 336699;} Наличие периода выполняет две функции:
Это помогает вам быстро идентифицировать стили классов из других типов стилей при просмотре кода CSS.
-
-
Когда вы создаете стиль класса, вы можете назвать селектор чем угодно, если это не имя используемого HTML-тега.
Например, было бы очень плохо создать стиль класса. тело или. п. Таким образом, в соответствии с концепцией семантического HTML, попробуйте назвать стили классов после функции, которую они будут выполнять, например. выделить или. IMAGEBORDER.
class = "dailydeals" >> Наш ежедневный бюллетень Daily Deals предлагает вам самые горячие продажи, рекламные акции и специальные предложения в самых популярных магазинах в одном удобном для чтения ежедневном электронном письме,
При указании стиля класса в коде HTML с атрибутом класса период, который требуется в CSS при создании определения стиля, не нужно размещать перед именем стиля между кавычками, поскольку показанном в предыдущем коде. Если вы предпочитаете, чтобы стиль класса применялся только к одному или двум словам или короткой фразе, а не ко всем элементам в теге контейнера, вы можете выборочно применять стиль класса к своим объектам (объектам), используя тег с class
Ежедневный " >> Ежедневный обзор предлагает самые горячие продажи, рекламные акции и специальные предложения в самых популярных магазинах в одном ежедневное электронное письмо, удобное для чтения. Тег - это встроенный тег, используемый для применения стилей к элементам в потоке текста документа. Этот тег по сути представляет собой пустой тег контейнера HTML, который ничего не делает, пока вы не скажете ему что-то сделать, применив к нему атрибут, например добавление атрибута class, id или style в содержимое стиля. На иллюстрации показана разница между добавлением атрибута класса к тегу (вверху) и добавлением его к тегу, который окружает определенный контент (внизу).