Учебник. Каскадные таблицы стилей

Элемент STYLE


Применение элемента STYLE - это основной способ внедрения каскадных таблиц стилей в ткань HTML-документа. Кроме управления отображением элементов разметки элемент STYLE позволяет описывать стилевые свойства элементов, которые можно изменять при программировании на JavaScript.

Элемент STYLE позволяет определить стиль отображения для:

  • стандартных элементов HTML-разметки
  • произвольных классов (селектор class)
  • HTML-объектов (селектор id)
  • К сожалению, работа с селекторами в браузерах различных производителей может преподнести различного рода сюрпризы. Особенно это касается работы с селектором ID. Будем считать правильной интерпретацию Microsoft как держателя патента на спецификацию CSS.

    Понятие селектора, применение селекторов и формальный синтаксис CSS мы обсудим в разделах "Синтаксис" и "Наследование и переопределение".

    Стандартные элементы разметки описываются в элементе STYLE следующим способом:

    <head>

    <style>

    p {color:darkred;text-align:justify;font-size:8pt;} </style>

    </head>

    <body>

    ...

    <p>

    Этот параграф мы используем в качестве примера применения описания стиля для стандартного элемента HTML-разметки.

    </p>

    ...

    </body>

    Теперь все параграфы документа будут отображаться стилем из элемента STYLE, если только стиль не будет переопределен каким-либо способом. В STYLE можно определить стиль любого элемента разметки.

    [  ]



    Содержание раздела