层叠样式表 (Cascading Style Sheets),常缩写为 CSS, 是一种 样式表 (stylesheet) 语言,用来描述 HTML、XML(包括各种 XML 语言如 SVG、XHTML)文档的呈现。CSS 描述怎样在屏幕、电子纸、音频或其它媒体上渲染结构化元素。
CSS 是开放网络 open web 的核心语言之一,由 W3C 规范 进行标准化。CSS 分为不同等级,现在 CSS1 已经废弃, CSS2.1 是推荐标准, CSS3 分成多个小模块,正在标准化中。
- CSS 参考手册
适合资深 Web 开发者的详细参考手册,描述了 CSS 各个属性与概念。
- CSS 教程
入门教程一步步帮助初学者入门,涵盖了所有的基础知识。
- CSS3 示例
演示 CSS 最新技术的一些示例,激发创新。
文档和教程
- CSS 关键概念
- 讲述语法与基础知识,比如 权重 (specificity) 与 继承 (inheritance),盒模型 (box model) 与 外边距合并 (margin collapsing),堆叠 (stacking) 与 块格式化上下文 (block-formattin contexts),初始值 (initial)、 计算值 (computed) 与 应用值 (used) 与 实际值 (actual values),还有 复合属性 (shorthand properties) 等概念。
- CSS 开发者指南
- CSS 技术文章,可以帮助您学习 CSS 技术并使您的页面够炫。
- CSS 常见问题
- 解答了有关CSS的常见问题。
CSS 开发工具
- W3C CSS Validation Service 检查 CSS 是否有效, 是重要的调试工具.
- Firefox Firebug 扩展组件,很流行的扩展,可以实时编辑网站的 CSS。对于测试很实用,当然不止于此。
- Firefox Web Developer 扩展组件,可以实时编辑网站的 CSS,尽管不如 Firebug 强大,但比它简单,
- Firefox EditCSS 扩展组件,可在边栏编辑 CSS。
新闻
- CSS Text-decoration Level 3 reached theCandidate Recommandation status, defining that the
text-decoration-*
andtext-emphasis-*
properties. The long known {{cssxref("text-shadow")}} is also defined in it. (August 1st, 2013) - Gecko's now support {{cssxref("background-origin")}}
: local
. It will be available from Firefox 25 (and already is in 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)
相关主题
{{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.")}}