瀑布流是图片展示网页常用的布局效果,在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...
CSS3中新出现的多列布局(multi-column 是传统HTML网页中块状布局模式的有力扩充。这种新语法能够让WEB开发人员轻松的让文本呈现多列显示,也就是人们常说的瀑布流式布局。在CSS3的多列布局(columns 语法功能出现之前,人们如果想让文本呈多列显示,要么使用绝对定位,手动给文本分段落,或者使用JS脚本...