Переходим на новый уровень с помощью CSS 3

CSS 3 не нов, и это не просто закругленные углы, реализованные вокруг свойства border-radius. Он терпеливо сидит там, готовый к своему дебюту, попивая кофе и ожидая, пока браузеры расстелит красную дорожку. Посмотрите, браузеру нужен успеть..."

– В этой статье описывается шедевр ISD WEBTEAM за второй квартал 2009 года: Справочное руководство по CSS 3.0 (китайская версия).

фон

Справочные материалы CSS2.0, представленные в «Китайском руководстве по таблицам стилей» Су Юя, сопровождают многих отечественных веб-дизайнеров в течение почти 10 лет. Это влияние имеет далеко идущие последствия, но с постоянным развитием технологии CSS дизайнеры в основном находятся под влиянием традиционных материалов и стилей. не могут выйти за существующие ограждения, что налагает на них тяжёлое бремя. Вы заметили, что CSS 3 набирает обороты? Вы хотите начать их использовать, но не знаете, с чего начать? Когда новые возможности CSS 3 стали долгожданными, появилось наше Справочное руководство по CSS3.0 на китайском языке...

Что такое CSS 3?

CSS — это аббревиатура каскадной таблицы стилей. Переводится как «каскадные таблицы стилей». Это язык разметки, используемый для (расширенного) управления стилями веб-страниц и позволяющий отделить информацию о стиле от содержимого веб-страницы.
CSS3.0 представляет следующую версию CSS, а 3.0 — номер версии.

Какие сюрпризы преподносит нам CSS 3?

CSS3.0 — это не только новая технология для нас, веб-дизайнеров, но, что более важно, эти новые концепции веб-приложений дают нам более неограниченные возможности для дизайна, а также значительно повышают эффективность нашей разработки. Нам больше не придется полагаться на изображения или Javascript для создания закругленных углов, нескольких фонов, пользовательских шрифтов, 3D-анимации, градиентов, теней блоков, теней текста, прозрачности и других функциональных приложений, улучшающих качество веб-дизайна. Появление CSS 3.0 упрощает код, делает структуру страницы более разумной, при этом учитываются как производительность, так и эффект.

Инструкция по применению

• Это руководство предназначено для реконструкторов веб-страниц или инженеров-разработчиков интерфейса.
• Это руководство переведено на основе рабочего проекта W3C, и здесь есть определенные неопределенности. Право на окончательную интерпретацию принадлежит ISD WEBTEAM.
• Макет этого руководства основан на предварительном просмотре CSS на сайте css3.info, который делит свойства CSS 3 на девять категорий: граница, фон, цвет, текст, пользовательский интерфейс, базовая модель блока, содержимое, другие модули и расширенные селекторы.
• В списке совместимости временно указана официальная совместимость браузеров для Internet Explorer, FireFox, Opera, Safari и Chrome.
• В список частных атрибутов браузеры, использующие движок Gecko, включают Firefox, а частные атрибуты начинаются с -moz-; браузеры, использующие движок Webkit, включают Safari и Chrome, начиная с -webkit-, браузеры, использующие движок Presto, включают Opera, начиная с. -o- Старт, как и Internet Explorer, начинается с -ms-, в настоящее время только IE8 поддерживает префикс -ms-.
• Все примеры, созданные для каждого атрибута, за исключением примера @font face, взятого у Microsoft из-за авторских прав на шрифт, созданы членами группы на основе их собственного опыта. Из-за ограничений объема руководства некоторые примеры могут быть трудными для понимания. Об этом мы поговорим в дальнейшем. Некоторые примеры подробно проанализированы в отдельных статьях.
• Наследование. Учитывая, что в рабочем проекте W3C нет четкого объяснения наследования, теста по наследованию в этом вопросе нет, и он пока не имеет справочного значения.
• Если загруженный файл CHM не открывается, попробуйте щелкнуть файл CHM правой кнопкой мыши и затем «Разблокировать» в «Свойствах».
• Это руководство предназначено в основном для общения. Оно ограничено временными рамками и предназначено для любительской ночной работы. Я надеюсь, что вы дадите мне обратную связь во время использования. Мы продолжим совершенствовать и обновлять это руководство. Здесь представлена ​​версия руководства V1, которая время от времени обновляется ежемесячно.

Источник: веб-команда Tencent.