Дом Социальные медиа Как применять стили пользовательского класса в каскадных таблицах стилей (CSS) - манекены

Как применять стили пользовательского класса в каскадных таблицах стилей (CSS) - манекены

Видео: Урок 3. Подключение стилей. Создание главного меню 2024

Видео: Урок 3. Подключение стилей. Создание главного меню 2024
Anonim

Стилей классов , которые также иногда называются стилями пользовательского класса , пользовательских стилей, или < пользовательские классы , в каскадных таблицах стилей (CSS) предназначены для тех случаев, когда вы хотите создать особый стиль, а затем выборочно применять его к неограниченному количеству элементов или объектов на веб-странице. Например, в предложении «Ежедневный бюллетень« Ежедневные предложения »вы ​​получаете самые горячие продажи, рекламные акции и специальные предложения в самых популярных магазинах в одном удобном для чтения ежедневном электронном письме», вы можете создать собственный стиль класса для изменения слов

Daily Deals , а затем применить этот стиль к тем словам в HTML.

При написании стилей классов в файле CSS обязательно укажите период (.) Непосредственно перед именем селектора, как показано ниже:

. dailydeals

{font-family: Грузия, «Times New Roman», Times, serif; font-size: 23px; font-weight: bold; color: # 336699;} Наличие периода выполняет две функции:

Это помогает вам быстро идентифицировать стили классов из других типов стилей при просмотре кода CSS.

  • Возможно, что более важно, он сообщает браузерам, что стиль - это пользовательский класс, который будет выборочно применяться к контенту на странице.
  • Когда вы создаете стиль класса, вы можете назвать селектор чем угодно, если это не имя используемого HTML-тега.

Например, было бы очень плохо создать стиль класса. тело или. п. Таким образом, в соответствии с концепцией семантического HTML, попробуйте назвать стили классов после функции, которую они будут выполнять, например. выделить или. IMAGEBORDER.

Когда вы закончите писать правила стиля в CSS для своего стиля класса, вы можете применить стиль к любому объекту в документе HTML, добавив атрибут класса в тег открытия контейнера объект или контент, оформленный в стиле:

class = "dailydeals" >> Наш ежедневный бюллетень Daily Deals предлагает вам самые горячие продажи, рекламные акции и специальные предложения в самых популярных магазинах в одном удобном для чтения ежедневном электронном письме,

При указании стиля класса в коде HTML с атрибутом класса период, который требуется в CSS при создании определения стиля, не нужно размещать перед именем стиля между кавычками, поскольку показанном в предыдущем коде. Если вы предпочитаете, чтобы стиль класса применялся только к одному или двум словам или короткой фразе, а не ко всем элементам в теге контейнера, вы можете выборочно применять стиль класса к своим объектам (объектам), используя тег с class

Ежедневный " >> Ежедневный обзор предлагает самые горячие продажи, рекламные акции и специальные предложения в самых популярных магазинах в одном ежедневное электронное письмо, удобное для чтения. Тег - это встроенный тег, используемый для применения стилей к элементам в потоке текста документа. Этот тег по сути представляет собой пустой тег контейнера HTML, который ничего не делает, пока вы не скажете ему что-то сделать, применив к нему атрибут, например добавление атрибута class, id или style в содержимое стиля. На иллюстрации показана разница между добавлением атрибута класса к тегу (вверху) и добавлением его к тегу, который окружает определенный контент (внизу).

Как применять стили пользовательского класса в каскадных таблицах стилей (CSS) - манекены

Выбор редактора

Как рисовать профиль вашей модели SketchUp на месте - манекены

Как рисовать профиль вашей модели SketchUp на месте - манекены

Считают, что у вас есть модель дом в SketchUp. Вы хотите использовать Follow Me, чтобы добавить желоб, который проходит по всему периметру крыши. Вы решили нарисовать профиль на месте (прямо на крыше), потому что края крыши рисуются параллельно ...

Как рисовать простую модель в Google SketchUp 8 - манекены

Как рисовать простую модель в Google SketchUp 8 - манекены

, Объединив различные SketchUp функции, вы можете создать модель нокаута в кратчайшие сроки. Так что вы собираетесь строить? Возможно, собачий дом. Приятная вещь в собачьих упряжках заключается в том, что они очень похожи на театры, которые считаются: у них есть двери и крыши, и почти все его видели. ...

Как редактировать пиксели в изображении текстуры в SketchUp - манекены

Как редактировать пиксели в изображении текстуры в SketchUp - манекены

Возможно, есть что-то на фотографии вы используете, и вы не хотите, чтобы он был там. Вы можете использовать Edit Texture Image, чтобы открыть текстуру, выбранную вами в программе редактирования изображений, где вы можете напрямую отредактировать текстуру. Выполните следующие действия, чтобы использовать Edit Texture Image: щелкните правой кнопкой мыши текстуру в вашей модели, которую вы хотите ...

Выбор редактора

Используйте Camera Raw для подготовки изображения HDR - манекены

Используйте Camera Raw для подготовки изображения HDR - манекены

, Когда вы хотите создать HDR-изображение в Photoshop CC, вы обычно снимаете серию экспозиций. В качестве альтернативы и обычно с неплохими результатами вы можете изменить экспозицию после факта использования Camera Raw. (Для этой техники вы хотите использовать изображение Raw, а не изображение в формате JPEG). Вот как это сделать: стрелять лучше всего ...

Используйте Photoshop CS5 Path в качестве выбора - манекены

Используйте Photoshop CS5 Path в качестве выбора - манекены

Вы можете использовать инструмент Photoshop Creative Suite 5 Pen для создания точный выбор, который будет трудно создать с использованием других методов выбора. Инструмент «Перо» создает чистые края, которые хорошо печатаются и могут редактироваться с помощью инструмента «Прямой выбор». Использование пути в качестве выбора чрезвычайно полезно при попытке ...

Настройка Edges с Photoshop Refine Edge Feature - манекены

Настройка Edges с Photoshop Refine Edge Feature - манекены

Улучшенная функция Refine Edge в Adobe Photoshop CS5 позволяет вы просматриваете, как ваши изменения выглядят так, как вы их делаете. Он доступен на панели параметров в верхней части окна Photoshop, когда инструмент выделения активен. Чтобы использовать функцию Refine Edge, выполните следующие действия: Сделайте выбор. С любым выбором ...

Выбор редактора

Как маркировать ваше маркетинговое сообщение по всем медиа - манекенам

Как маркировать ваше маркетинговое сообщение по всем медиа - манекенам

В маркетинге, вероятно, будут использовать несколько инструментов, сообщений и типов носителей, включая электронную почту, в течение длительных периодов времени. Сохранение элементов дизайна и индивидуальности ваших сообщений, похожих или идентичных с течением времени, - брендинг - укрепляет каждое ваше сообщение и делает каждое последующее сообщение более запоминающимся для вашей аудитории. Потребители ...

Как применять стили пользовательского класса в каскадных таблицах стилей (CSS) - манекены

Как применять стили пользовательского класса в каскадных таблицах стилей (CSS) - манекены

Стили классов, которые иногда также называются пользовательскими стилями классов, пользовательскими стилями или настраиваемыми классами, в каскадных таблицах стилей (CSS) предназначены для тех времен, когда вы хотите создать особый стиль, а затем выборочно применять его к неограниченному числу элементов или объектов на веб-странице. Например, в предложении «Наши ...

Как собрать портфолио веб-дизайна - манекены

Как собрать портфолио веб-дизайна - манекены

Ли вы собираетесь на собеседование работать в компании, представлять внутреннему клиенту или представлять свою работу по веб-дизайну своим внештатным клиентам, при соблюдении следующих приемов: при сборке и представлении своих портфелей. Создайте сайт онлайн-портфолио. Часто клиент запрашивает список URL-адресов на веб-сайтах, которые у вас есть ...