摘要：
在没有 CSS3的时候，如果想做一个背景渐变效果，就得使用一个很细的渐变切片进行水平/垂直平铺。对于使用图片而言，这确实是一种很好的折中方案。一张仅有一两像素宽的图片，不会给宽带造成太大负担，而且它可以用在网站的多个元素上。 这种方式当然可以做渐变效果，但是不够灵活。（如果再往下增加海报，需要重新去 阅读全文
摘要：
一、文字阴影 1 text-shadow: 1px 1px 1px #cccccc; 阴影值的速记规则永远是先向右再向下。因此，第一个值指的是右侧阴影的大小， 第二个值指的是下方阴影的大小，第三个值指的是模糊距离（即阴影从开始变淡到完全 消失的距离），最后一个值是阴影颜色。 左上方阴影（使用负值即可 阅读全文
摘要：
一、在介绍结构伪类之前，先来看一个我们传统的解决问题的方式： 例如： 水平导航栏一般都是由一组相同间距的 <li> 链接组成。假设我们想让每一个导航链接 除了第一个和最后一个，左右两边都有一定的外边距。 我们之前传统的做法是在第一个与最后一个＜li＞上添加额外的类名： 这样当然能解决以上问题，但不够 阅读全文
摘要：
先来看一个常用的选择器的例子： 1 img[alt] { border: 3px dashed #e15f5f; } 这个选择器会匹配页面标签中任意一个含有 alt 属性的图片标签： 还可以通过设定属性值来缩小匹配范围： 1 img[alt="atwi_oscar"] { border: 3px d 阅读全文
摘要：
我相信所有的新技术都是为了解决某些现存的痛点，CSS3的出现也不例外。 仅需要几行代码，CSS3可以创造出各种效果：圆角、背景渐变、文字阴影、盒阴影、 自定义字体以及多重背景图片（当然，这个效果确实需要图片）。如果这还不够神奇， 甚至我们之前需要依赖 JavaScript的一些基本交互效果如悬停动画 阅读全文
摘要：
不需要网络连接仍可访问网站内容似不似很酷？H5为其提供了可能！ 让我们假设有一个在线笔记应用，当用户的手机网络断开时，他可能正在编辑一则笔记。使用 HTML5的离线 Web应用，他就可以继续离线编辑笔记，然后等到网络再次连接时将本地数据发送到服务器。 一、离线web应用概述 离线Web应用的运行机制 阅读全文
摘要：
接着上一节《HTML5+CSS3之播放视频以及在IE8及以下的解决方案》 我们写出来的视频并不是响应式的： 幸运的是，对于 HTML5式嵌入视频，修正方法很简单。只需删除视频标签中的 height和 width 属性（如删除 width="640" height="480" ），然后在 CSS中追加 阅读全文
摘要：
H5中嵌入媒体，这是H5的一个新的特性，让广大前端开发人员如沐春风！ 但需要注意的是IE8及以下版本不支持H5的音频及视频。 一、用 HTML5 的方法为页面添加视频或音频 1 <video src="myVideo.ogg"></video> 此外还支持追加的附加属性如 height 和 widt 阅读全文