Posts Tagged css3
CSS расширения браузеров
CSS расширения или CSS Extensions содержатся во всех популярных браузерах. Они содержат те свойства, которых нету в утвержденных редакциях CSS, но по мнению создателей браузеров пригодятся web-разработчикам. Среди огромного списка наиболее важными являются свойства из будущего CSS3, которые доступны через индивидуальные префиксы.
Префиксы свойств у всех разные:
-ms-свойство (IE8)
-moz-свойство (FireFox)
-o-свойство (Opera)
-webkit-свойство (Safari, Chrome)
Префикс указывает какому браузеру обрабатывать свойство.
Для примера можно взять полезное свойство закругления углов блока:
-
.block {
-
border-radius: 10px; /* CSS3 свойство */
-
-moz-border-radius: 10px; /* Для FireFox */
-
-webkit-border-radius: 10px; /* Для Safari и Chrome */
-
}
Подробная документация, справочники c примерами по CSS3 свойствам и расширениям:
Следим за новинками
Очень важно следить за новыми технологиями.
И так скоро на экранах:
HTML5 - наиболее подробное описание, таблица поддержки браузерами. Как пример - верстка сайтов
CSS3 - таблица совместимости с современными браузерами.
Web slices - описание и примеры реализации.