摘要：
先来看一个常用的选择器的例子： 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 阅读全文