用户的屏幕越来越大，而页面太宽的话会不宜阅读，所以绝大部分网站的主体宽度和之前相比没有太大的变化，于是浏览器中就有越来越多的空白区域，所以你可能注意到很多网站开始在滚动的时候让一部分内容保持可见，比如，侧边栏的部分区域。position:sticky为此而生。position:sticky用法pos...
分类：
Web程序 时间：
2014-07-07 08:11:51
阅读次数：
368
如果要想在IE浏览器中实现圆角的效果，我们一般都会采用圆角图片的方式。用图片的话，基本就跟浏览器没有多大关系了，因为任何浏览器都支持这种方式。今天我们主要是讲解如果用CSS3样式表来实现圆角效果，值得注意的是，IE6/7/8这三个IE浏览器版本都不支持CSS3的解析，只有还不太主流的IE9支持CSS...
分类：
Web程序 时间：
2014-07-07 00:03:59
阅读次数：
422
在 CSS2 中，你可以为不同的媒介设备（如屏幕、打印机）指定专用的样式表，而现在借助 CSS3 的 Media Queries 特性，可以更为有效的实现这个功能。你可以为媒介类型添加某些条件，检测设备并采用不同的样式表。 例如，你可以把用于大屏幕上显示的样式和用于移动设备的专用样式放在一个样式.....
分类：
Web程序 时间：
2014-07-06 22:27:28
阅读次数：
290
1.源代码下载地址：http://html5book.xiuyetang.com/ 第一章：列用html5做网站 1.1多数人呢不了解的html5时代的网页设计的10大理由 阴影代码可控。阴影和圆角 动画简单易懂。依赖强大的css3的动画属性，可以高小的开发出各种动画效果。非常的轻松 渐变数值化操作...
分类：
Web程序 时间：
2014-07-06 17:53:38
阅读次数：
307
记起自己去年参加的一次面试，在做过Java多年的面试官面前发挥的并不好，但他一听说我会html5，立马眼睛发亮，不管不顾的想要和我签约。。。所以，现在为工作犯愁的朋友们，学好html5,绝对会为你找到好工作添加重要砝码！
html5 大致是 (html+css3+javascript apis)。一句话: html5 支持了css3 的强大的选择器和动画等...
分类：
Web程序 时间：
2014-07-01 07:55:26
阅读次数：
214
针对IE8以下不支持css3的media query,可以使用response.js解决下载地址：https://github.com/scottjehl/Respond/这里有一篇关于其实现原理的文章：http://caibaojian.com/respondjs.html引用时的注意点： 不可....
分类：
Web程序 时间：
2014-06-30 20:49:30
阅读次数：
235
今天，我们想向您展示如何创建平铺背景图像的幻灯片效果。其灵感来自于国外的一个工作室网站（围观），这个网站充满了各种有趣和创意效果，一定记得去看看。这个幻灯片效果是由四个区域的独立移动构成，通过画面分割，同时显示出新的图片。这里需要组合使用 CSS3 的3D转换、过渡和动画功能。
分类：
其他好文 时间：
2014-06-27 21:06:33
阅读次数：
341
在本文中，我们给出 9 个有用的 HTML、CSS 和 JavaScript 的技巧和提示，可能在做 Web 开发中经常会需要用到的，其中有几个是关于 HTML5 和 CSS3 的，如果你是一个前端开发者，那么或许对你有些用处。1. 使用 html5 的 placeholder 属性以前我们经常要写...
分类：
Web程序 时间：
2014-06-26 20:53:32
阅读次数：
249
随着浏览器对HTML5的支持越来越来好，使用canvas做动画再也不用担心兼容问题了。虽然CSS3的transform属性已经十分强大，但是在canvas面前也只能算是小儿科。今天就用canvas做一些不一样的动画。...
分类：
Web程序 时间：
2014-06-26 13:51:47
阅读次数：
189
随着浏览器对HTML5的支持越来越来好，使用canvas做动画再也不用担心兼容问题了。虽然CSS3的transform属性已经十分强大，但是在canvas面前也只能算是小儿科。今天就用canvas做一些不一样的动画。...
分类：
Web程序 时间：
2014-06-26 07:34:22
阅读次数：
537
