Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

CSS 开发者指南

层叠样式表(CSS)是一种样式表语言,它可以用来描述那些使用诸如 HTML、SVG 等标记语言编写的文档的样式。CSS 描述了这些具有层次结构的文档中的每个元素是如何呈现在屏幕,纸张,朗读器等其它输出设备上的。根据不同的输出设备可以让同一个文档展现不同的样式,这也是 CSS 这门语言的重要特征。

CSS 是现代 Web 上最重要的几种语言之一,它的规范文档是:W3C 规范.

文档

CSS 雪碧图
雪碧图被运用在众多使用了很多小图标的网站上。相对于把每张小图标以.png格式文件的形式引用到页面上,使用雪碧图只需要引用一张图片,对内存和带宽更加友好。
CSS入门教程
CSS基础
CSS媒体查询
媒体查询 包含了一个媒体类型和至少一个使用如宽度、高度和颜色等媒体属性来限制样式表范围的表达式。
使用CSS渐变
CSS 渐变 是在 CSS3 Image Module 中新增加的 <image> 类型. 使用 CSS 渐变可以在两种颜色间制造出平滑的渐变效果.
使用CSS计数器
本质上CSS计数器是由CSS维护的变量,这些变量可能根据CSS规则增加以跟踪使用次数。这允许你根据文档位置来调整内容表现。
在选择器中使用 :target 伪类
为了辅助标识那些指向文档特定部分链接的目标, CSS3 选择器 引入了 :target 伪类. Netscape 7.1 已经在 Netscape 系列中加入了这个伪类的支持, 这一新的举措让页面作者能够辅助用户在较大的页面中定位。

下面这些文档你也许会感兴趣:

块格式化上下文
块格式化上下文(block formatting context) 是页面 CSS 视觉渲染的一部分。它是用于决定块盒子的布局及浮动相互影响的一个区域。
测试媒体查询
DOM有这样一种特性,可以通过程序来获得媒体查询的结果。这是通过 MediaQueryList 接口和它的方法来实现的。一旦你创建了MediaQueryList 对象, 你就可以通过它来检查查询结果,或者,你也可以一些设置,来实现当查询结果变化时,自动接收到通知。
理解CSS的 z-index属性
人们通常认为HTML页面是二维的, 因为文本、图片等元素可以依次排列而不相互覆盖。
编写高效的 CSS
本文档提供了优化 CSS 代码的指南,特别是如何编写更高效的选择器。
缩放背景图像
CSS 的 background-size 属性能调整背景图片的大小,从而替代了用原始大小显示图片的默认行为。你可以随意的缩放背景图。
视觉格式化模型
调整列表缩进
One of the most common style changes made to lists is a change in the indentation distance—that is, how far the list items are pushed over to the right.

加入 CSS 社区

请选择你喜欢的方式加入我们:

文档标签和贡献者

标签: 
 此页面的贡献者: ReyCG_sub, ziyunfei, xiejun, Chajn, Kasuganosora, Sheppy
 最后编辑者: ReyCG_sub,