雷雪松的个人博客

雷雪松的博客，一个优秀的个人技术博客。
-

CSS样式

CSS是指层叠样式表 (Cascading Style Sheets)，CSS样式可以对网页对象的位置排版和布局，支持文本，背景，外观等各种属性的设置，并能够进行初步交互设计，是真正做到网页表现与内容分离的一种样式设计语言。CSS样式主要包括一些常用的CSS样式，CSS技巧和CSS教程。

WebAPP框架之百度GMU

WEB前端 、、

GMU是百度基于zepto开发的轻量级mobile UI组件库，符合jquery ui使用规范，提供webapp、pad端简单易用的UI组件。为了减小代码量，提高性能，组件再插件化，兼容iOS3+ / android2.1+，支持国内主流移动端浏览器，如safari, chrome, UC, qq等。
阅读原文 »

轻量级、响应式的纯CSS框架-Pure.css

WEB前端 、

雅虎推出了一个纯CSS的轻量级、响应式框架-Pure.css。pure.css非常小的，使用gzip文件大小:4.5 kb大小。Pure.css只提供很简单的样式，Pure.css是纯粹为每个网站或web应用程序而开发的，Pure.css是响应式的，能适应各种屏幕大小的设备。
阅读原文 »

CSS基础教程之常用属性

WEB前端

CSS在Web前端开发中，占有很重要的地位。CSS可以很好的解决内容和变现分离的问题，极大方便后期的维护。CSS样式引入的方式主要有外部样式表、内部样式表、内联样式三种。下面雷雪松详细的介绍在web开发中css常用的属性。
阅读原文 »

CSS基础教程之选择器

WEB前端

在CSS中，选择器用于选择需要添加样式的元素，简单的讲，就是确定你要把样式给那个元素。在我们写web前端的时候，选择器的使用是非常频繁的，合理的使用选择器会精简大量的代码。雷雪松总结了下，CSS选择器大致的归类为基础选择器和符合选择器两类。
阅读原文 »

heX使用web开发桌面应用

WEB前端 、、

heX项目由有道团队发起，使用 HTML5与Node.js构建桌面应用解决方案。heX跟node-webkit 基本是差不多的，提供了一种全新的构建桌面应用的方式，可以使用web技术快速构建跨平台的桌面应用。heX 基于CEF并且融合了 Chromium 与 Node.js，所以我们可以在 web页面中使用各种Node.js原生模块及第三方扩展，同时在这些模块及扩展中还可以访问到HTML中的DOM元素。
阅读原文 »

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公共库。

阅读原文 »