我们知道CSS可以为网页文字定义字体样式,那么哪些字体是操作系统内置的并可以安全使用呢?下面小编就为大家带来一篇CSS Web安全字体组合详解,现在就分享给大家,也给大家做个参考。font-family 属性应该使用若干种字体名称作为回退保障,以确保浏览器/操作系统之间的最大兼容性。如果浏览器不支持第一个字体,则会尝试...
关于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 及更早的版...