mozilla
您的搜索结果

    CSS 开发者指南

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

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

    文档

    CSS 雪碧图
    雪碧图被运用在众多使用了很多小图标的网站上。相对于把每张小图标以.png格式文件的形式引用到页面上,使用雪碧图只需要引用一张图片,对内存和带宽更加友好。
    CSS媒体查询
    媒体查询 包含了一个媒体类型和至少一个使用如宽度、高度和颜色等媒体属性来限制样式表范围的表达式。
    Using CSS animations
    CSS动画允许动态展现CSS样式的变化。动画包括两个部分:描述动画的样式规则和用于指定动画开始、结束以及中间点样式的关键帧。
    使用 CSS 弹性盒
    CSS3 弹性盒,或者简称弹性盒,是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。对于很多应用来讲,弹性盒在两个方面相对于盒模型进行了提升,它既不使用浮动,也不会导致弹性盒容器的外边距与其内容的外边距之间发生塌陷。
    使用 CSS 过渡
    CSS 过渡(transition), 是 CSS3 规范的一部分, 用来控制 CSS 属性的变化速率。 可以让属性的变化过程持续一段时间,而不是立即生效。比如,将元素的颜色从白色改为黑色,通常这个改变是立即生效的,使用 transition 后,将按一个曲线速率变化。这个过程可以自定义。
    使用CSS渐变
    CSS 渐变 是在 CSS3 Image Module 中新增加的 <image> 类型. 使用 CSS 渐变可以在两种颜色间制造出平滑的渐变效果.
    使用CSS的多列布局
    CSS多列布局继承自块级布局模式,允许简单地定义多列文本。
    使用CSS的多背景
    通过使用 CSS3,你可以向元素应用多个背景。这些背景相互堆叠,第一个背景放在最上面,最后一个背景放在最下面。
    使用CSS计数器
    本质上CSS计数器是由CSS维护的变量,这些变量可能根据CSS规则增加以跟踪使用次数。这允许你根据文档位置来调整内容表现。

    社区

    我们有下面这些与 CSS 相关的社区:

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

    开始学CSS
    测试媒体查询
    DOM有这样一种特性,可以通过程序来获得媒体查询的结果。这是通过 MediaQueryList 接口和它的方法来实现的。一旦你创建了MediaQueryList 对象, 你就可以通过它来检查查询结果,或者,你也可以一些设置,来实现当查询结果变化时,自动接收到通知。
    缩放背景图像
    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.

    文档标签和贡献者

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