« 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.