关于CSS3选择器查询可以参阅益吾库之前分享的史上最全CSS3选择器集合，今天我们单讲:nth-child( 这个伪类选择器的用法，除了 IE8 及更早版本，所有主流浏览器均支持 :nth-child( 选择器。:nth-child(n 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。 n 可以是数字、关...
瀑布流是图片展示网页常用的布局效果，在css3没有发布以前，实现这种布局需要用到js脚本代码，现在css3样式代码就可以轻松实现了。主要用到的样式属性：1、column-count:number|auto; 将容器中的子元素分为指定列数，使用默认值auto时需配合column-width设定2、column-width...
placeholder属性主要用于提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。placeholder属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password，也适用于te...
之前我们分享过纯CSS实现任意图片在div中垂直居中的方法，今天我们则来讲一讲DIV+CSS实现文字垂直居中的若干种方法。大家都知道文字水平居中使用text-align:center即可，也有人知道垂直居中vertical-align:middle的写法，不过这种垂直居中写法只对(X HTML元素中拥有valign属性...
资深前端一般都享受过jQuery选择器的“方便”，那么CSS样式层面有没有类似的选择器功能呢？答案是肯定的。CSS的世界绝不仅仅是固有的html标签、id和class那么单调，它也拥有多种选择器，CSS3选择器更是丰富。如果你还在为各种class命名发愁，而不知CSS选择器为何物，或者不知道怎么用的话，请一定看完这篇文...
用CSS3构画出一个打火机好像没什么问题，但要能打开还带有逼真的跳动火焰，这样就有点酷了。今天分享这款CSS3动画特效，它就是一个可以点燃的打火机，当你用鼠标滑过这只打火机时，打火机就会打开，然后开始出现火焰燃烧的动画特效。需要强调的是，整个动画都是由纯CSS3样式实现，没有一行JS代码，小伙伴们，这个火焰动画是不是很...
前端实际应用中更容易用到的CSS3选择器是:first-child和:last-child，它们的作用分别是选取第一个和最末一个子元素。而实际上它们还有一个功能上更强大的兄弟选择器，:nth-child(n 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n可以是数字、关键词或公式。除了 IE8 及更早的版...
网页设计中千篇一律的分页按钮样式，难免会让人产生视觉审美疲劳。现在我们就来分享一款漂亮的分页样式，以下是带3D效果分页导航按钮CSS3代码实例全部代码：<!DOCTYPE html> <html> &n...
