Это приставки (префиксы), используемые производителями (вендорами) браузеров для экспериментальных, еще не принятых в стандарт, CSS-свойств. Приведу список некоторых префиксов для наиболее распространенных браузеров.
- -o- — префикс для браузера Опера
- -moz- — префикс для браузеров из семейства Mozilla
- -ms — префикс для �?нтернет Експлорера 8 (да, даже Microsoft ввела свой префикс, в частности для того, чтобы изобретенные ею CSS-фильтры можно было использовать, не нарушая при этом веб-стандарты)
- -webkit- — префикс для браузеров, построенных на движке Webkit, в частности Safari и Chrome
- -icab- — префикс для браузера iCab (альтернативного, как заявлено на родном сайте, браузера для Apple)
- и закончу префиксом -khtml-. KHTML — компонент для просмотра HTML документов разработанный для среды KDE для UNIX-систем. Был представлен в 2000 году, для использования в Konqueror
�?спользовать префиксы очень просто. Для этого перед экспериментальным или нестандартным CSS-свойством написать соответствующий префикс, например, свойство text-overflow
Opera не поймет, если не написать его таким образом: -o-text-overflow
. А CSS-фильтры от Microsoft можно использовать в IЕ8 следующим образом: -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
. Рекомендую ознакомиться с подобным использованием дополнений к CSS от Microsoft в их родном блоге
Есть отличный инструмент для упрощения себе жизни – автопрефиксер. Обрабатывает css, удаляет ненужные префиксы и дописывает те, которых не хватает.
Онлайн можно просмотреть вот тут – http://autoprefixer.github.io
Официальный сайт – https://github.com/postcss/autoprefixer
А и вы правы! Последний год у меня проходит под знаком Grunt и SASS ) Чрезвычайно облегчает жизнь!!