CSS样式
CSS是指层叠样式表 (Cascading Style Sheets),CSS样式可以对网页对象的位置排版和布局,支持文本,背景,外观等各种属性的设置,并能够进行初步交互设计,是真正做到网页表现与内容分离的一种样式设计语言。CSS样式主要包括一些常用的CSS样式,CSS技巧和CSS教程。轻量级、响应式的纯CSS框架-Pure.css
雅虎推出了一个纯CSS的轻量级、响应式框架-Pure.css。pure.css非常小的,使用gzip文件大小:4.5 kb大小。Pure.css只提供很简单的样式,Pure.css是纯粹为每个网站或web应用程序而开发的,Pure.css是响应式的,能适应各种屏幕大小的设备。
阅读原文 »
CSS3动画库animate.css介绍和使用
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。
阅读原文 »
解决谷歌字体无法加载
在网页中,我们可以用CSS的font-family属性来定义字体,然而定义的字体能否正确显示则在于用户的电脑是否安装了该字体。我们经常能看到国外使用@font-face引入google字体实现个性化字体。说@font-face是CSS3的新特性并不准确,因为CSS2就已经支持了这一特性,并且Internet Explorer早在第5版的时候就已经支持它了。我们可以使用360网站卫士常用前端公共库CDN服务将谷歌的字体转换到360公共库。