在HTML5的Canvas画布上，我们基本可以实现和Flash相同的功能，但是HTML5的优点是通信方便，所以随着浏览器的升级，我们现在已经很习惯利用HTML5来制作动画和游戏了。下面我们精选了6款神奇的HTML5 Canvas动画特效，分享给大家。1、HTML5鲸鱼动画 又一款超酷HTML5动画之前看到过同样效果的一款鲸鱼动画，不过可惜的是那个动画是用flash制作的。今天我找到了基于H

此处插入图片l 主要快捷键列表Ctrl+L 选择整行（按住-继续选择下行）Ctrl+KK 从光标处删除至行尾Ctrl+Shift+K 删除整行Ctrl+Shift+D 复制光标所在整行，插入在该行之前Ctrl+J 合并行（已选择需要合并的多行时）Ctrl+KU 改为大写Ctrl+KL 改为小写Ctrl+D 选词 （按住-继续选择下个相同的字符串）Ctrl+M

要成为高产、高效的 Web 开发者，这需要我们做很多工作，来提高我们的工作方式，以及改善我们的劳动成果。　　下面是 10 个提高效率的步骤，虽然不能保证解决你在开发中的所有问题，但至少是非常实用的，可以简化你的 Web 开发流程，使开发的每一个环节快速、流畅。还可以帮助你节省大量的时间，以便开发更多、更好的项目。　　1. 使用 Web 开发框架　　一个良好的 W

CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CSS3 Gradient,我们需要先了解一下目前的几种现代浏览器的内核，主流内容主要有Mozilla（熟悉的有Firefox，Flock等浏览器）、WebKit（熟悉的有Safari、Chrome等浏览器）、Opera

上一篇在《CSS3选择器——基本选择器》中主要介绍了CSS3选择器的第一部分，这节主要和大家一起来学习CSS3选择器的第二部分——属性选择器。属性选择器早在CSS2中就被引入了，其主要作用就是对带有指定属性的HTML 元素设置样式。使用CSS3属性选择器，你可以只指定元素的某个属性，或者你还可以同时指定元素的某个属性和其对应的属性值。E[attr]：只使用属性名，但没有确定

CSS3选择器，我想大家并不会陌生吧，因为天天在使用，但对于CSS3选择器，要运用的灵活到位，我想对很多朋友还是一定的难度，特别是CSS3中的:nth选择器。那么从现在开始我们先丢开他们版本的区别，从头一起来看看CSS3选择器的运用。CSS是一种用于屏幕上渲染html，xml等一种语言，CSS主要是在相应的元素中应用样式，来渲染相对应用的元素，那么这样我们选择相应的元素就很重要了，如何

浏览器如何识别你的选择器首先我们需要清楚，浏览器是如何读取选择器，以识别样式，并将相应的样式附于对应的HTML元素，达到美化页面的效果。"浏览器读取你的选择器，遵循的原则是从选择器的右边到左边读取。换句话说，浏览器读取选择器的顺序是由右到左进行。"比如说：div.nav > ul li a[title]复制代码上面的实例来说，浏览器首先会尝试在你的HTML标签中寻找

前面花了两节内容分别在《》和《》介绍了CSS3选择器中的基本选择器和属性选择器使用方法，今天要和大家一起学习CSS3选择器中的第三部分，也是最后一部分——伪类选择器。伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了，因为这些在平时中是常用到的伪类选择器，那么先和大家一起简单总结一下CSS中常用的伪类选择器的使用方法，最后把重心放到CSS3新增加的":nth-chi

HTML5是HTML标准的下一个版本。越来越多的程序员开始HTML5来构建网站。如果你同时使用HTML4和HTML5的话 ，你会发现用HTML5从头构建，比从HTML4迁移到HTML5要方便很多。虽然HTML5没有完全颠覆HTML4，它们还是有很多相似之处，但是它们 也有一些关键的不同。本文就列出了它们之间10个关键的不同之处。1. HTML5 标准还在制定中首先要注意的是，HTML5

前言由于博主最近宝宝出生，工作上更换项目组，白天晚上都比较忙碌，所以最近未登陆博客园，一些童鞋得留言未能及时查看回复，在此表示歉意。由于留言的童鞋大部分是希望我能发送一份测试代码，为了一劳永逸，我把测试代码贴到了本文最后，方便大家及时获取。如有问题请留言，鉴于刚才提到的原因，回复可能不及时，望见谅。谢谢。 本文中所指Mobile WebApp是指运行在Mobile We

自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备。我相信各位童鞋应该和我一个样子，到处查找贴子，学习如何制作WebApp项目，经过我一番查找资料学习后准备分享给大家，希望和大家共同探讨学习WebApp。那么WebApp与Native App的区别是什么?Nati

DOCTYPE html>html lang="zh-CN">head> meta charset="utf-8"> title>title> style type="text/css"> * {margin: 0;padding: 0;} canvas {border: 2px dotted #ddd} style>hea