Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника

Следующие правила CSS всегда поддерживаются

Таблицы стилей CSS любого уровня состоят из объявлений. Объявления могут быть двух типов: объявления начинающиеся со знака @ (например @page, @import), объявления расположенные внутри блока объявления. Объявления первого типа включают всё последующее за ними, в том числе точку с запятой и даже блок объявлений второго типа, который встретится первым из всех блоков объявлений. Нераспознанные объявления браузер должен игнорировать.

CSS2 так же игнорирует любые объявления первого типа, если они расположены внутри блока объявления или не предшествуют блокам объявлениям. Например, следующий код:

  1.@import "subs.css";
  2.@media print {
  3.@import "print-main.css";
  4.BODY { font-size: 10pt }
  5.}
  6.H1 {color: blue }
  7.
Второе объявление не соответствует стандарту CSS2, поэтому оно будет проигнорировано.

Блоки

Блок начинается с левой фигурной скобки и заканчивается правой фигурной скобкой. Внутри блока могут быть любые знаки, за исключением круглых, фигурных и квадратных скобок((),[]). Одиночные и двойные кавычки также могут находиться в блоке, содержимое между ними является строкой. Неправильный пример блока:

  1.{ causta: "}" + ({7} * ’\’’) }
  2.
Вторая фигурная скобка, заключенная между двойными кавычками не является парной для, отрывающей блок, первой фигурной скобки. Вторая одиночная кавычка является экранированной, поэтому она не соответствует первой кавычке. Указанный пример не соответствует CSS2, однако по-прежнему рассматривается как блок.

Правила, блоки объявлений, селекторы

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

Селекторы представляют собой любые символы, расположенные до первой фигурной скобки блока объявления. Селектор всегда существует одновременно с блоком объявлений. Нераспознанные браузером селекторы игнорируются вместе с блоком объявлений.

CSS2 придаёт специальное значение запятым в селекторах. В дальнейшем в CSS2 запятые могут приобретать новое значение. Любые ошибки в селекторе полностью исключают правило, несмотря на то, что определенная часть селектора является допустимой CSS2.

Неверный пример(поскольку знак & во втором правиле не должен находится, согласно CSS2, поэтому второе правило полностью исключается):

  1.H1, H2 {color: green }
  2.H3, H4 & H5 {color: red }
  3.H6 {color: black }
  4.
  5.

Следующий пример полностью соответствует CSS2.

  1.P[example="public class foo\
  2.{\
  3.private int x;\
  4.\
  5.foo(int x) {\
  6.this.x = x;\
  7.}\
  8.\
  9.}"] { color: red }
10.

Объявления и свойства CSS2

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

Многочисленные объявления для одного и того же селектора могут объединены в группу. Следующий пример:

  1.H1 { font-weight: bold }
  2.H1 { font-size: 12pt }
  3.H1 { line-height: 14pt }
  4.H1 { font-family: Helvetica }
  5.H1 { font-variant: normal }
  6.H1 { font-style: normal }
  7.

эквивалентен:

  1.H1 {
  2.font-weight: bold;
  3.font-size: 12pt;
  4.line-height: 14pt;
  5.font-family: Helvetica;
  6.font-variant: normal;
  7.font-style: normal
  8.}
  9.
10.

В значении свойств допускаются любые знаки, двойные скобки ([]), круглые, фигурные скобки, одиночные, двойные кавычки должны иметь пару, двоеточие, находящееся вне строки должно быть экранировано. Круглые скобки, квадратные скобки, фигурные скоки могут быть вложенными. Любые знаки, вложенные между двойными кавычками, считаются строкой. Синтаксис значений свойств разделяется для каждого свойства, однако в большинстве случаев значениями могут быть идентификаторы, строки, числа, длинны, проценты, URL, цвета, углы, время и частоты. Браузер должен игнорировать свойства с неверными названиями значений или неверными значениями.

CSS2 разбирает нижеуказанный код следующим образом:

  1.H1 { color: red; font-style: 12pt } /* неправильно: 12pt */
  2.P { color: blue; font-vendor: any; /* неправильно: font-vendor */
  3.font-variant: small-caps }
  4.EM EM { font-style: normal }
  5.

Второе объявление в перовой строке имеет неправильное значение. Второе объявление второй строки имеет неправильное название свойства - font-vendor. Поэтому CSS2 проигнорирует указанные объявления. Правильным следует считать следующий код: <![CDATA[

  1.H1 { color: red; }
  2.P { color: blue; font-variant: small-caps }
  3.EM EM { font-style: normal }
  4.
  5.


Александр Ермаков. Хостинг - www.pwstudio.org