CSS类名的结构性和统一性非常的重要，有些程序员喜欢使用首字母大写，有些喜欢用连接线，有些喜欢用下划线。最近我发现的一个非常有意思的东西是，在HTML和CSS里，你可以用Unicode(包括中文)来命名类名。不信咱们就试一下！

有无数的理由要求我们在任何时候都应该知道用户是使用的什么设备浏览我们的网站——宽屏，普通屏，平板，手机？知道这些特征，我们web应用的CSS和JavaScript才能同步做相应的操作。在给Mozilla Developer Networks改版设计的过程中，我发现使用CSS媒体查询(media queries)虽然非常的有效，但有时

CSS动画非常的有趣；这种技术的美就在于，通过使用很多简单的属性，你能创建出就连皮克斯动画制作公司也会赞叹的漂亮的消隐效果。其中代表性的一种就是CSS图片翻转效果，能让你看到一张卡片的正反两面上的内容。本文就是要用最简单的方法向大家介绍如何创建这种效果。

在一些像维基百科这样的信息类网站上，把外部链接用某种形式标明出来是一种常见的做法。对于浏览者，这能方便的告诉他将访问一个外部资源。很多网站会在服务端检查外部链接，并在链接上加入`rel=external`属性或`external`类来区别这些链接。

进入2014年后，我们这些Web开发者开始慢慢发现需要面对一种困难，就是传统的JavaScript技术开始失效。很多年来我们一直依赖的那些JavaScript技巧技术，在如今CSS3兴起的情况下，很多的特效被浏览器内置的CSS功能替代。以前我们一直需要的一个功能——JS动画中结束时会触发回调函数——现在改用CSS动画后，如何触发这些回调动作？

自从大概两年前用CSS给SIGT设计了logo后，我心里一直有个想法，我认为使用Verdana字体和CSS里的绝对定位技术能画出更复杂的图案，也就是说，直接用HTML代码生成嵌入式的矢量图。