Как я могу начать использовать css3

Question

Я хочу использовать функции css3, такие как

box-shadow

, поэтому для этого

1. Нужно ли включать какой-то специальный тег для css3 в верхней частиpage
2. , какие браузеры в настоящее время поддерживают его
3. что произойдет, если использовать много функций css3, и люди будут просматривать старые браузеры.не

Answer 1

Нужно ли включать специальный тег для css3 вверху страницы

Нет

, какие браузеры в настоящее время поддерживают его

Большинство браузеров поддерживают некоторые CSS 3. Ни один браузер не поддерживает все CSS 3. Когда можно использовать дорожки, когда была добавлена ​​поддержка различных функций.

что произойдет, если использоватьмногие функции css3 и люди видят их в старых brosers.cause любая ошибка или около того

Если браузер не является исключительно глючным, применяются правила обработки ошибок CSS, и нераспознанная вещь будет игнорироваться.

Это проблема только в том случае, если другой стиль (который применяется) сделает контент нечитаемым, если только не поддерживается неподдерживаемый стиль.Это, вероятно, иногда можно обойти, применяя одно и то же свойство дважды.Сначала с широко поддерживаемыми значениями, затем с менее широко поддерживаемыми значениями: например:

color: white;
background: url(blue_0.5_pixel.png);
background: rgba(0%, 0%, 100%, 0.5);

Должен ли я действительно его использовать или нет

Это необходимо определить нав каждом конкретном случае.

Answer 2

Обновленный ответ: Если вы прибегаете к помощи, эта дополнительная информация может оказаться полезной, потому что CSS может очень запутать, как начать.

CSS3 Не совсемсамо по себе существует: Под этим я подразумеваю, что не существует Формального стандарта CSS3 (на MDN ). Был CSS, затем CSS2, которые сами по себе были «релизами» или «рекомендациями».CSS3 на самом деле представляет собой набор модулей, которые независимо друг от друга прогрессируют в разработке, и браузеры принимают модули и изменения с разной скоростью, и он развивается более «органично».

Не нужно ничего устанавливать или «дополнять».Все это встроено в различные браузеры (некоторые больше, чем другие).

Это означает, что использование "CSS3" требует много изучения и тестирования на собственных сайтах, чтобы выяснить, что приемлемо вваши собственные варианты использования.Как уже говорилось, может быть (или, скорее всего, будет необходимо) иметь обходные пути и несколько стилей, которые будут использоваться по умолчанию в зависимости от используемого пользователем браузера.

Откуда я знаю?: Если вы новичок в CSS, я рекомендую сначала создать браузер для изучения CSS (лично я склоняюсь к разработке последних версий Chrome в качестве своего личного стандарта, но для меня это действительно меняется.разработчик FireFox).Затем вернитесь и адаптируйте его для других браузеров, протестировав и обнаружив, где у него есть проблемы.

Сколько лет для адаптации: Кроме того, вы захотите определить, насколько далеко в версиях браузера вы готовы «адаптировать» свои сайты, то есть: возможно, остановитесь на IE 11, Chrome49, Safari 5, а также мобильные версии и т. Д. Это можно исследовать здесь , чтобы увидеть, какие версии браузеров все еще имеют достаточно текущей пользовательской базы, чтобы беспокоиться.Когда ваш сайт (-ы) запущен и работает, можно отслеживать использование браузера, чтобы получить лучшее представление о версиях браузера вашей собственной пользовательской базы и соответствующим образом адаптировать.

Если вы обнаружите пользователя с версией браузера, которая может не работатьтакже можно показать диалоговое окно, чтобы сообщить им, какая минимальная версия браузера лучше всего подходит для этого сайта.

Проверка совместимости браузера: Лично я использую https://crossbrowsertesting.com для тестирования различных браузеров.и версии.Он имеет различные браузеры и операционные системы, которые могут быть выбраны, включая мобильные устройства.

Также неплохо бы постоянно проверять таблицы совместимости в документации, так как они регулярно меняются.

Библиотека: По мере продолжения разработки с помощью CSS выследует создать библиотеку того, как вы предпочитаете делать вещи, и обновлять ее по мере изменения CSS и браузеров.

Избегайте версий "Bleeding Edge": Обычно лучше избегать абсолютно последнихверсии CSS, как и нынешние браузеры, будут отставать так же, как и устаревшие браузеры, которые все еще существуют.

Enterprise или In-House: Если вы разрабатываете только для веб-приложений "Enterprise" или "In-house", то у вас гораздо больше свободы в использовании "новейших и лучших"«поскольку у вас больше контроля над тем, какие версии браузеров« должны »использоваться, и даже независимо от того, разрабатываетесь ли вы для определенных браузеров.У меня были случаи, когда мы разрабатывали только для одного браузера и версии, и пользователи должны были использовать эту версию, которой, конечно, лучше управлять в такой организации, как эта.

Answer 3

Вы используете css3 так же, как обычный css - никаких специальных объявлений не требуется. Единственное, что нужно иметь в виду, это то, что есть версии браузера с префиксом многих стилей CSS3, которые вы хотите использовать, и хотя большинство из них используют правила стилей точно так же, есть некоторые, которые имеют немного другой синтаксис (некоторые старые версии Chrome, например, используют другой синтаксис градиента.) Если вы используете версии с префиксом браузера, всегда используйте версию без префикса, а также следуйте префиксным версиям. Например:

div {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}