Cascading Style Sheets (CSS) — это язык иерархических правил (таблиц стилей), используемый для представления внешнего вида документа, написанного на HTML или XML (включая различные языки XML, такие как SVG и XHTML). CSS описывает, каким образом элемент должен отображаться на экране, на бумаге, голосом или с использованием других медиа средств.
CSS является одним из основных языков свободной веб-разработки, который стандартизован спецификацией W3C. Стандарт CSS делится на уровни: CSS1 в настоящее время устарел, CSS2.1 — рекомендован для применения, а CSS3, разбитый на более мелкие модули, развивается на пути стандартизации.
- Справочник по CSS
Исчерпывающий справочник для опытных веб-разработчиков, описывающий каждое свойство и понятие CSS.
- Самоучитель по CSS
Пошаговое руководство для помощи начинающим программистам CSS. Содержит все необходимые основы.
- Примеры CSS3
Набор примеров представляющий новейшие технологии CSS в действии: толчок к креативности.
Документация и самоучители
- Ключевые понятия CSS
- Описание синтаксиса и внешнего вида языка и введение в фундаментальные понятия такие как специфичность, наследование(каскадирование), блочная модель(box-model) и схлопывание отступов(margin-collapse), наложение и контекст форматирования(Block formatting context), начальное(initial), вычисленное(computed), используемое(used) и актуальное(actual) значения. Кроме того, описана краткая форма записи свойств CSS.
- Руководство разработчика CSS
- Статьи, которые помогут вам узнать все: начиная от основ организации стилей в HTML, заканчивая различными методами языка CSS, чтобы сделать свой контент сияющим.
- Распространённые вопросы по CSS
- Ответы на часто возникающие вопросы о CSS.
Инструменты для разработки CSS
- Служба проверки W3C CSS проверяет правильность работы вашего CSS кода. Служба OnlineWebCheck.com делает то же самое. Это отличные инструменты для отладки.
- Инструменты разработчика Firefox позволяют рассматривать и изменять "на лету" CSS страницы, используя инструменты Инспектор и Редактор таблиц стилей.
- Расширение Firebug для Firefox, популярное расширение для этого браузера, которое тоже позволяет редактировать "на лету" CSS при просмотре сайтов. Очень практично тестировать различные изменения, через это расширение чем через многие другие.
- Расширение Web Developer для Firefox позволяют отслеживать и изменять "на лету" CSS на просматриваемых сайтах. Проще чем Firebug, но намного меньше функционала.
- EditCSS extension(битая ссылка) для Firefox позволяет редактировать CSS в боковой панели.
Новости
- CSS Text-decoration Level 3 достиг статуса Candidate Recommandation, defining that the
text-decoration-*
andtext-emphasis-*
properties. Так же в нём определено давно известное {{cssxref("text-shadow")}}. (August 1st, 2013) - Gecko теперь поддерживает {{cssxref("background-origin")}}
: local
. Оно будет доступно начиная с Firefox 25 (и уже доступно в Nightly). (July 25th, 2013) - Pointer Events reached the Candidate Recommandation status, meaning that the CSS property
touch-action
, currently only implemented in IE10 (with the-ms-
prefix), is no more experimental. (May 6th, 2013) - Gecko's support of flexible boxes has been adapted to match a recent specification clarification: from Firefox 23 {{cssxref("::before")}} and {{cssxref("::after")}} will be flex items, and as such can be repositioned using {{cssxref("order")}} and {{cssxref("align-self")}}. (May 3rd, 2013)
Похожие темы
- Mozilla Learn CSS resources.
- Open Web languages on which CSS is often applied: HTML, SVG, XHTML, XML.
- Технологии Mozilla, много использующие CSS: XUL, Firefox, Thunderbird и их расширения и темы.
{{CommunityBox("Web layout", "dev-tech-layout", "mozilla.dev.tech.layout", "", "Stack Overflow | https://stackoverflow.com/questions/tagged/css| CSS topics| Visit Stack Overflow, a collaboratively built and maintained Q&A site. See if you can find an answer; if not, you can ask your question there.| CSS-Discuss|https://www.css-discuss.org/| CSS-Discuss mailing list| Join the css-discuss mailing list, which is dedicated to discussing practical, real-world use of CSS.")}}