Как создать стили идентификатора в каскадных таблицах стилей (CSS)

Сью Дженкинс

An Стиль ID - это своего рода правило стиля гибридной каскадной таблицы стилей (CSS), которое объединяет определенные элементы стилей переопределения пользовательского класса и тега. В стиле идентификатора объявления, определенные в этом стиле, автоматически применяются к любому объекту на странице, имеющемуя быатрибут, соответствующийя быимя в стиле ID.

сколько питоцина вызвать роды

Чтобы стилизовать объект с помощьюя быатрибут, вы должны сначала создать селектор, который включает в себя числовой символ (#) с последующимя быимя, например#sidebar, а затем добавьте к стилю столько объявлений, сколько нужно, как в следующем примере:



#sidebar { border: 1px dashed #cad0d6; margin: 0px 1px 0px 0px; padding: 10px; }

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

. В tag - это контейнер на уровне блока. Обычно теги уровня блока содержат встроенные элементы и другие элементы уровня блока.

Чтобы дополнительно проиллюстрировать эту идею, предположим, что у вас есть слой на вашей странице (используя

tag), который содержит заголовок с надписью Popcorn Makers, а под ним список пяти различных брендов производителей попкорна, выставленных на продажу.

image0.jpg

Монистат должен гореть

Когда вы дадите

слой атрибут IDпопкорн, используя синтаксисid = производители попкорна, и создайте стиль, используя синтаксис# производители кукурузы, этот стиль идентификатора автоматически применяется к слою.

image1.jpg

Вот пример того, как этот стиль идентификатора записывается в CSS:

#popcornmakers { font-family: Georgia, 'Times New Roman', Times, serif; background-color: #FFC; border: 1px solid #039; position: absolute; width: 330px; height: 180px; z-index: 1; left: 50px; top: 50px; padding: 10px; }

А вот как выглядит разметка HTML:

Popcorn Makers

  • Presto Hot Air Popcorn Maker
  • Classic Popcorn Popper
  • Retro Popcorn Maker
  • West Bend Housewares Popcorn Maker
  • Cuisinart EasyPop Popcorn Maker

Точно так же, как селектор переопределения тегов, который автоматически изменяет способ отображения содержимого, окруженного определенным тегом, каждый раз, когда в имени стиля используется#я бысинтаксис, определение стиля автоматически применяется к объекту с совпадающимя быатрибут.