HTML - статьи


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/

.




- Начало -  - Назад -  - Вперед -



Книжный магазин