CSS

Некоторое внимание хотелось бы уделить ещё одному стандарту от консорциума W3C — CSS. На момент написания статьи, существовала вторая и ведётся работа над третьей версией. На самом же деле версия 2.0 этого стандарта поддерживается не полностью некоторыми (IE, как ни странно, находится именно в этом списке) браузерами. Полностью этот стандарт версии 2.0 поддерживает только MZ. Поэтому рекомендуется очень аккуратно использовать CSS 2.0 при разработке кросс-браузерных сайтов. Наиболее же полно стандарт CSS поддерживается многими (даже старыми) пользовательскими агентами только версии 1.0.

В качестве примера можно привести простое свойство CSS для курсора, которое представляет его указателем, обозначающим ссылку (обычно это символ руки):

<style type= " text/css "><!--/*--><![CDATA[/*><!--*/

#myBlock {

  cursor: hand;

}

/*]]>*/--></style>

<div id="myBlock" style="border: 1px #000 solid; width:100%;">

  < br />Наведите мышью курсор на этот блок.< br />< br />

</ div >

Необходимый эффект вышеприведённого примера будет достигнут только в IE . Дело в том, что в стандарте CSS не существует значения «hand» у свойства «cursor». Для получения требуемого результата во всех браузерах, немного изменим таблицу стилей:

<style type= " text/css "><!--/*--><![CDATA[/*><!--*/

#myBlock {

  cursor: hand;

  cursor: pointer;

}

/*]]>*/--></ style > 

Этот пример показывает, что даже разные версии IE не полностью совместимы между собой. Мы оставили старое определение «cursor : hand» так как IE версии 5.5 и ниже не понимает значение «pointer» у свойства «cursor», которое определено в стандарте. Это распространённая практика, когда одно и тоже свойство описывают несколько раз для полной совместимости со всеми клиентами.

Для CSS так же существует он-лайн валидатор. Он расположен по адресу:
http://jigsaw.w3.org/css-validator/