We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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

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

文档

CSS 雪碧图
雪碧图被运用在众多使用了很多小图标的网站上。相对于把每张小图标以.png格式文件的形式引用到页面上,使用雪碧图只需要引用一张图片,对内存和带宽更加友好。
CSS入门教程
CSS基础
Technical review completed. Editorial review completed.
CSS媒体查询
一个媒体查询由一个可选的媒体类型和零个或多个使用媒体功能的限制了样式表范围的表达式组成,例如宽度、高度和颜色。媒体查询,添加自CSS3,允许内容的呈现针对一个特定范围的输出设备而进行裁剪,而不必改变内容本身。
使用CSS渐变
CSS 渐变 是在 CSS3 Image Module 中新增加的 <image> 类型. 使用 CSS 渐变可以在两种颜色间制造出平滑的渐变效果.
使用CSS计数器
本质上CSS计数器是由CSS维护的变量,这些变量可能根据CSS规则增加以跟踪使用次数。这允许你根据文档位置来调整内容表现。 CSS计数器是CSS2.1中自动计数编号部分的实现。
在选择器中使用 :target 伪类
为了辅助标识那些指向文档特定部分链接的目标, CSS3 选择器 引入了 :target 伪类. Netscape 7.1 已经在 Netscape 系列中加入了这个伪类的支持, 这一新的举措让页面作者能够辅助用户在较大的页面中定位。
块格式化上下文
一个块格式化上下文(block formatting context) 是Web页面的可视化CSS渲染出的一部分。它是块级盒布局出现的区域,也是浮动层元素进行交互的区域。

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

测试媒体查询
DOM有这样一种特性,可以通过程序来获得媒体查询的结果。这是通过 MediaQueryList 接口和它的方法来实现的。一旦你创建了MediaQueryList 对象, 你就可以通过它来检查查询结果,或者,你也可以一些设置,来实现当查询结果变化时,自动接收到通知。
理解CSS的 z-index属性
人们通常认为HTML页面是二维的, 因为文本、图片等元素可以依次排列而不相互覆盖。
视觉格式化模型
缩放背景图像
CSS 的  background-size 属性能调整背景图片的大小,从而替代了用原始大小显示图片的默认行为。你可以随意的缩放背景图。
调整列表缩进
对列表最常见的样式修改之一是改变缩进距离,即列表项向右侧移动的距离。令人沮丧的是,缩进在一个浏览器中的表现常常与其他浏览器中的效果不尽相同。例如,如果声明列表的左边距为0,在IE浏览器中生效,但是在基于

加入 CSS 社区

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

文档标签和贡献者

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