Некоторое внимание хотелось бы уделить ещё одному стандарту от консорциума 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 так же существует он-лайн валидатор. Он расположен по адресу:
Навигация