В CSS есть достаточно старые свойства, которые поддерживаются во всех браузерах, и есть новые свойства, которые будут поддерживаться только в самых новых браузерах, да и далеко не во всех.
При верстке вы должны принимать решение о том, можно ли уже использовать данное свойство. Для этого существует специальное правило: если поддержка свойства отсутствует в браузерах, которыми пользуются менее одного процента юзеров, то свойство можно использовать.
Тут, однако, есть нюансы. Ведь есть свойства,
отсутствие поддержки которых приведет к разваливанию
макета сайта, например, флексбоксы. А есть
свойства, работоспособность которых не сильно
критична. Скажем, неработающие переносы hyphens
не сделают сайт сильно хуже.
Для того, чтобы проверить поддержку свойства браузерами нужно использовать сервис caniuse.com. Он показывает поддержку свойства каждой версией всех браузеров, а также процент юзеров, которые пользуется каждой из версий.
Имея эти данные, вы можете выносить суждение о том, можно ли уже использовать какое-то свойство. Также некоторые свойства могут до сих пор быть под вендорными префиксами в некоторых версиях браузеров, которыми еще пользуются юзеры. Вам также нужно обращать внимание на это.
Приведите примеры свойств, поддержка которых критична.
Приведите примеры свойств, поддержка которых не критична.
Посмотрите поддержку свойства box-sizing.
Можно ли его уже использовать?
Посмотрите поддержку свойства hyphens.
Можно ли его уже использовать?
Посмотрите поддержку свойства animation.
Можно ли его уже использовать?
Посмотрите поддержку свойства flex.
Можно ли его уже использовать?
Посмотрите поддержку свойства grid.
Можно ли его уже использовать?