CSS3 target伪类是众多实用的CSS3特性中的一个。它用来匹配文档(页面)的URI中某个标志符的目标元素。具体来说，URI中的标志符通常会包含一个#字符，然后后面带有一个标志符名称，比如#respond，target就是用来匹配ID为respond的元素的。 现在在页面中，点击一个ID链接后，页面只会跳转到相应的位置，但是并不会有比较明显的

最近花了好些时间整理了一下CSS3的特效，利用比较直观易懂的方式表现出来跟大家分享一下，希望大家会有一点点的收获。 其中 -moz- 一般指火狐的写法， -webkit- 一般指webkit内核浏览器的写法. 1、border-radius 实现圆角效果，只需一行CSS代码便可以实现，支持众多浏览器，当然不支持IE。 2、border-top-left-radius设置圆

最近了解了下repaint和reflow的相关知识，觉得在页面重构过程中就应该考虑前端开发（js）人员对dom进行操作，能够减轻客户浏览器的鸭梨。 在这里整理了一下相关资料，推荐看帖子底部的文章，如果觉得排版不够好请移步我的博客围观。这是一个讨论帖，抛砖引玉，大家说说自己工作中的经验~ 1. 什么是 repaint 和 reflow？ 一个

在一次项目中，有一次要用到::selection伪元素，然后开发同学问我，CSS中一个冒号和两个冒号有神马区别？ 这好像真的是个问题，或许很多前端同学对此都有疑惑，查了些资料，证实了下两个符号的区别，简而言之： 单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素 。 W3C关于CSS3选择器的规范 中有一段描述： A pseudo-eleme

自从我发布了大背景网页设计合集之后，我收到了很多电子邮件询问如何用css实现大背景的网页设计。因此我决定和大家分享大背景网站的设计技巧。在此教程中，我会用一些实例来说明如何用一张或者两张图片实现大背景网站的设计。 经常会犯的错误：背景被裁减（查看示例） 查看示例文件，在小于1280分辨率时，是没有问题的。但是

由于网页字体的限制，以及对导航栏美观的需求，使用background-repeat来做一个简单的文字导航栏已经远远不够了。在很多场合，导航栏的背景是一个图案，字体也不再是单调的宋体，这就需要我们把导航栏的整体效果做图在网页中使用。 今天我们就来做一个简单的的滑动导航栏效果（不知道应该叫它什么^_^），效果如下图： 思路：

之前，我在前端观察发表了一篇《 理解CSS3线性渐变 》，相信很多同学都有研究过CSS3的渐变，大部分人都会感到纠结吧，webkit和firefox的语法有很大的不同啊。事实上，对比W3C规范，可以发现Firefox的语法更规范一些。现在好消息来了，Webkit开始优化CSS3渐变的语法了。真搞不懂当年(08年)webkit为什么采用那种写法。 具体哪

媒体查询 是今天CSS样式最令人兴奋的一个方面.它让我们在不改变页面内容的前提下,准确地适应各种设备的布局.下面的这个介绍解释了什么是媒体查询,如何使用它,如何针对iPhone写样式和怎么去创建灵活的布局. Css3 媒体查询