在CSS2中，我们为了达到一定的设计效果，时常都需要添加额外的<div>或使用PNG图片等方法来实现。当CSS3的时代到来之际，我们不应该只局限于这些老技术，我们应该大胆的去尝试一些新技术。今天我们就跟随Ｎettuts的Vasili的教程《11 Classic CSS Techniques Made Simple with CSS3 》。来学习使用CSS3新技术实现十一种经典的CSS样式效果。

学习jQuery有一段时间了，进展甚慢。这段时间反复在学习手风琴的制作，从纯CSS的制作到jQuery的制作，在W3cplus和大家共享了多篇有关于制作手风琴效果的Blog。比如：

在《jQuery和CSS3给图片制作圆角》一文中说过了，当你在Web页面制作中如果你直接把CSS3中的border-radius和box-shadow应用在图片，浏览器并不会完全显示。前面在《jQuery和CSS3给图片制作圆角》中说过其解决方法，就是把图片作为背景图片，这样我们就可以应用任何样式来修饰图片，而且此时浏览器也会完美的呈现出来。

前一回我在《CSS3制作垂直手风琴》介绍了使用“:hover”来制作手风琴效果。今天，你将学习使用CSS3的另一个属性——:target来制作一个非常简单的动画手风琴的效果。在具体动手之前，我们一起来简单的了解一下这个“:target”。

说起手风琴的制作，大家肯定首选就是使用jQuery来制作，我在《如何使用jQuery制作手风琴效果》也简单的介绍了使用jQuery制作手风琴效果。但今天我在Saud Khan的《Cross Browser Pure CSS3 Vertical Accordion》中学习了一种使用纯CSS制作手风琴效果，稍加整理了一下，贴上来与大家一起分享。

上回在《如何使用jQuery制作手风琴效果》一文中介绍了使用jQuery制作垂直手风琴效果，今天我们一起在来看一个水平手风琴效果，如下图所示：

在这个例子中，我创建了一个水平手风琴效果，用来展开每个缩略图的提示内容。下面我们来看其具体是如何通过jQuery来实现。

上节在《自定义表单——jQuery制作个性化Checkbox》介绍了用jQuery美化表单中的checkbox。今天和大家一起探讨另一个表单制作中的对齐问题，这个我想大家在平时制作表单之时，关于对齐一定有碰到过，那么在这个简短的教程中主要尝试另一种解决方法，希望大家会喜欢。

在Web页面中创建一个Web表单时（比如说注册信息表单，或者联系表单），你都必须做出一个功能和视觉对齐的布局。如下图所示：

要让表单中的元素具有个性化风格，仅仅通过样式来实现是相当困难的，大家都很清楚，每种内核的浏览器、每种系统平台下对form元素解析的风格都是不一致的。如果你想让form元素在各种平台或者说各种浏览器具有统一的样式风格，仅仅通过CSS来制作是很难达到统一的标准，但实现他也并不是一件很难的事情，你只要借助jQuery就能轻松的实现。那么今天开始一起来学习使用jQuery制作表单元素的系列，让你不在为此感到头痛。

在介绍CSS3系列时，我花了一篇很长的篇幅专门介绍了CSS3的box-shadow属性以及其具体的使用等。

今天主要和大家一起学习Red写的《CSS3 tooltips》。从里面我们一起来学习如何使用CSS3来制作tips。