WEB前端

WEB前端包括HTML标签、CSS样式和JS编程等相关的知识。雷雪松的博客WEB前端栏目主要是分享作为WEB前端工程师在WEB前端开发的过程中WEB前端技巧,优秀的JS插件,有趣的JS效果,常用的CSS技巧以及HTML5最新技术。

Bootstrap表单和列表详解

WEB前端

Bootstrap提供了对表单布局和列表的支持。垂直表单(默认)、内联表单、水平表单,如果您不想显示有着重号的列表,您可以使用class.list-unstyled来移除样式。您也可以通过使用class.list-inline把所有的列表项放在同一行中,可以使用class.dl-horizontal 把<dl>行中的属于与描述并排显示。
阅读原文 »

CSS3动画库animate.css介绍和使用

WEB前端

animate.css是一个来自国外的 CSS3 动画库,它预设了引起弹跳(bounce)、摇摆(swing)、颤抖(wobble)、抖动(shake)、闪烁(flash)、翻转(flip)、旋转(rotate)、淡入淡出(fade)、滑动(Sliding)、光速(lightspeed)、缩放变焦(Zoom)、翻滚(roll)等多达 70 多种动画效果,借助 animate.css 能够很方便、快速的制作 常见的动画效果。当然animate.css只兼容支持 CSS3 animate 属性的浏览器,他们分别是:IE10+、Firefox、Chrome、Opera、Safari。
阅读原文 »

解决谷歌字体无法加载

WEB前端

在网页中,我们可以用CSS的font-family属性来定义字体,然而定义的字体能否正确显示则在于用户的电脑是否安装了该字体。我们经常能看到国外使用@font-face引入google字体实现个性化字体。说@font-face是CSS3的新特性并不准确,因为CSS2就已经支持了这一特性,并且Internet Explorer早在第5版的时候就已经支持它了。我们可以使用360网站卫士常用前端公共库CDN服务将谷歌的字体转换到360公共库。

阅读原文 »