Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla
您的搜索结果

    CSS Tutorials

    学习CSS可能是一项令人望而生畏的事情。我们编写了很多的css教程来帮助你。有些教程完全面向新手,而其他文章展现了一些css的复杂特性,适合拥有丰富经验的开发者。

    这个页面展现了这些文章,并且带有简短的描述。这些文章按照难度分组,因此你可以选择最适合你的。

    CSS初级教程

    开始使用
    这篇教程完全面向新手。假如你还没写过一行css-这篇很适合你。这篇文章介绍了css的一些基础概念,引导你书写基本的css。
    使用丰富多彩的背景
    背景是优美样式的基础。css允许你对每个容器设置不同的背景。这篇教程会讲述css与背景之间是如何相互影响,以及你如何得到想要的结果。
    调整背景图片
    CSS允许你改变元素背景图片的大小。这篇教程告诉你如何去实现。
    Media Queries媒体查询
    当前存在各种不同尺寸的屏幕,不同种类的设备。当你要求你的页面在各大平台都获得一个满意的渲染效果时,媒体查询将是一块基石。
    弄清楚z-index
    控制容器叠加层级是web开发者的一个基本需求。了解css的一些基础知识,z-index将会变得小菜一碟.

    CSS中级教程

    CSS 2 (Level 1)标准放出后, CSS增加了很多新特性.有些特性比较独立,而且很酷,你只需要对css的基本概念有一些直观的了解就可以使用它们。

    CSS Counters
    对元素及页面计数对于CSS来讲是一项简单的事情。学习使用counter-reset, counter-increment, counters(), 及counter().
    CSS Animations
    CSS3动画允许你通过 keyframes定义样式,之后在keyframes之间变换,来形成一个动画。
    CSS Transitions
    CSS3 过渡可以以动画的形式来定义很多样式的过渡,也可以控制过渡的方式
    CSS Transforms
    变换可以通过坐标改变元素的位置,可以使用位移,旋转等定义元素在2D 或 3D 空间的状态.
    CSS Gradients
    渐变其实是图片,可以让一个颜色柔和的过渡到另一个颜色。CSS中有很多渐变方式:线性渐变或者径向渐变等.这篇教程会讲解怎么使用渐变。

    CSS高级教程

    CSS 也拥有一些特性来帮助你创建复杂的布局。虽然这特性可以使你用最简单的方式来达到布局效果,但对于那些没有太多经验的人来说,这些特性相当复杂。

    CSS Multi-column layouts
    CSS3引入了新的布局方式,可以让你简单的在元素中创建多列布局。尽管多列布局在很多设备上不常见,但多列布局在可打印页面或索引页中很有用。
    CSS Flexible boxes layouts
    这个崭新的布局方式可以让容器变得灵活,使容器平滑的改变大小,对于复杂的界面来讲这是有力的工具。

     

    文档标签和贡献者

    此页面的贡献者有: jtyjty99999, teoli
    最后编辑者: teoli,