专题：css3 -- IT技术博客大学习 -- 共学习共进步！

长期以来，CSS 一直缺乏合适的布局机制。变形，动画，滤镜，对这门伟大的语言来说都很有用的补充的，但是都没有解决 Web 开发人员一直抱怨的的主要的看起来似乎是永恒的问题。终于，感谢Flexbox ，我们有了一个解决方案。

css3已经“出来”挺久了，由最初的新奇，尝试，到现在慢慢的被习以为常的应用，特别是移动端需求的暴增，对css3更好的支持，吸引更多的人走了进来，但是，对于刚开始接触它的人来说，或许会有很多的混沌之处，毕竟它是个大宝藏，而多数人因应用的局限，了解的面也相对局限。本文就试图给出一个稍大范围的概括性展现。当然，也只是一部分。一谈起css3，多数人可能首先想到的是各种炫酷的效果。的确，css3的出现的确是使得css的世界有了焕然一新，被解放了的感觉。以前需要用图片的，需要多个标签进行堆叠的，需要用js的，需要用flash的等等，甚至是几乎想不到办法去做的东西，css3都给了我们相应的补偿。但是，今天我不去从那些方面开始谈，我会按照某种分类把css3来个整体浏览。目的是让对css3不太了解的人能有个大概的了解，我自己也算是复习一下。另外，此文不会列出一堆代码给你看。

CSS3入门——由点到面

作为Web社区，我们已经在CSS3方面取得了很大的进步。当我们开始使用background-clip和过渡动画(transition/animation)等可视化效果时，text-shadow和border-radius已经司空见惯了。我们似乎花了大量的时间争论何时或如何引入这些属性。一个特性不兼容所有浏览器或暂时未完全文档化，并不意味着我们不应该使用它。对此，我持相反态度。

拥抱并使用CSS3

网页设计是变化非常快的行业。在过去一两年，CSS3潜在地将网页设计带入了一个新的级别。这不仅仅是因为这个最新版本的CSS有很多新的功能特性，更重要的是因为CSS3使得原来需要更多工作，更多技术以及更多软件才能做到的事情变得更加简单。例如，基本的动画和动态图片功能（如颜色渐变）原来只能通过JavaScript和Flash来实现，并且图片需要像Photoshop等的来编辑。现在不再需要了。 CSS3有许多需要学习的东西，如果你希望让自己追上...

用css3写个logo

CSS3圆角详解

CSS3是样式表（style sheet）语言的最新版本，它的一大优点就是支持圆角。网页设计大师Nicholas Zakas的最新文章，详细解释了CSS3圆角的各个方面，非常值得学习。

用 CSS3 Transitions 实现动画

若干星期前，承玉心痒痒的推荐了一篇文章：Using CSS3 Transitions, Transforms and Animation. 我也心痒痒，但没啥时间。于是撮合龚浩一起折腾 S.Anim. 若干天的努力，终于有了成果，小结下。原理所谓动画，就是在一段时间内，连续改变 DOM 元素的属性。因此用 JavaScript 实现动画，最传统的方法就是采用定时器，在一段时间内（duration 时长），遵循特定规律（easing 平滑函数），改变 DOM 元素的属性（props, 最常见的是...

CSS3 appearance简介

我们来简单了解一下上文中提到的css appearance。在之前研究HTML5表单的时候，一直很好奇浏览器是通过什么渲染不同的表单界面的，后来在Chrome中查看类型为range的input的时候，发现了这个有趣的...

CSS3 媒介判断与 iPhone 4 视网膜显示屏

iPhone 4 的「视网膜显示屏」将像素密度提升一倍，文字的锐度得以大大改善。但图像何如？为了保持现有网站的外观，图像将自动放大一倍。这便产生了「设备像素」和「 CSS 像素间」的分裂。

闲谈CSS3动画

随着CSS3越来越热，CSS3动画也逐渐受到大家的关注。这次有幸修改淘宝网全站页头，小小地应用了下(详见http://www.taobao.com/下拉箭头处的hover效果)。与其说是渐进增强，不如说是满足了技术人小小的虚荣心。以下是自己的一点理解，希望能对大家有所帮助。 … 关于CSS3动画从(http://www.w3.org/Style/CSS/current-work)可以看出，CSS动画涉及的知识点包括 CSS 2D Transformations, CSS 3D Transformations, CSS Transition...

理解CSS3线性渐变

为了显示一个渐变而专门制作一个图片的做法是不灵活的，而且很快会成为一种不好的做法。但是遗憾的是，截至写这篇文章，可能还必须这样做，但是希望不会持续太久。多亏Firefox 和Safari/Ch...

CSS3开发工具收集

通常来说，CSS非常简单。但是当浏览器厂商开始实现CSS3特性，问题开始变得有些复杂了。不难，只是有些复杂。这可能包括两个方面：首先有些心得CSS3属性(比如，transition、渐变、transform等)不...

CSS3常用功能的写法

随着浏览器的升级，CSS3已经可以投入实际应用了。但是，不同的浏览器有不同的CSS3实现，兼容性是一个大问题。上周的YDN介绍了CSS3 Please网站，该网站总结了一些常用功能的写法。以下就是这些写法的详细介绍。所有代码都经过了Firefox 3.6和IE 8.0的验证，原文的错误之处也已得到改正。一、圆角（Rounded Corner）.box_round {　　-moz-border-radius: 30px; /* FF1+ */　　-webkit-border-radius: 30px; /* Saf3+, Chrome */　　b...

揭秘HTML5和CSS3【珍珠奶茶帮】

分享人：空雁互联网的发展总是在不断地催生新技术的产生，而HTML5和CSS3是最近一直被讨论的热门话题，对于每个互联网开发者尤其是前端开发者而言，都充满了好奇与渴望。那么HTML5和CSS3究竟有哪些让我们眼前一亮的东西呢？我在WebRebuild北京交流会和珍珠奶茶帮上给大家分享了《揭秘 HTML5和CSS3》，PPT在这里： http://docs.google.com/present/view?id=dhpdbrp_51hf88z8g8 HTML5 HTML 5草案的前身名为Web Applications 1.0，于2...

用CSS 3将我们带入下一个高度吧！

“CSS 3 不是新事物，更不是只是围绕border-radius属性实现的圆角。它正耐心的坐在那里，已经准备好了首次登场，呷着咖啡，等着浏览器来铺上红地毯。你看，浏览器需要跟上了……”