摘要：
1. 应用边框样式 先从控制边框样式的属性开始。简单边框有三个关键属性：border-width、border-style 和 border-color 。 在代码中，使用了p元素定义了一个段落，使用 style 元素为这个段落应用边框样式，边框样式是通过设置 border-width、border 阅读全文
摘要：
1. 使用结构性伪类选择器 使用结构性伪类选择器能够根据元素在文档中的位置选择元素。这类选择器都有一个冒号字符前缀（:），例如 :empty 。它们可以单独使用，也可以跟其他选择器组合使用，如： p:empty 。 1.1 使用根元素选择器 该选择器的效果如下，边框抱着整个文档： 1.2 使用子元素 阅读全文
摘要：
CCS选择器的作用是找出某类元素。以便使我们使用style元素或者外部样式表对这类元素设置样式。 1.使用CSS基本选择器 有些选择器使用起来非常简单，我们把这部分选择器称为基本选择器（basic selector）。开发人员可使用这类选择器在文档中进行比较宽泛的选择，也可以将其看作结合多种选择器进 阅读全文
摘要：
CSS（Cascading Style Sheet，层叠样式表），及其精巧且富有表达力，开发者可以用最为高效的方式高度掌控网页内容的表示。 1. 盒模型 CSS中的一个基本概念是盒模型（box model）。可见元素会在页面中占据一个矩形区域，该区域会在页面中占据一个矩形区域，该区域就是元素的盒子， 阅读全文
摘要：
HTML5 支持直接在浏览器中播放音频和视频文件，不需要使用Abode Flash这样的插件。 1. 使用 video 元素 可以用video 元素在网页里嵌入视频内容。 其基本用法如下： 此例显示效果如下： 如果浏览器不支持video元素或者无法播放视频那么备用内容（开始和结束标签之内的内容）就会 阅读全文
摘要：
1.嵌入另一张HTML文档 iframe 元素允许在现有的HTML文档中嵌入另一张文档。下面代码展示了iframe元素的用法： 在这个例子里，创建一个 name 属性为 myframe 的 iframe 。这样就创建了一个名为 myframe 的浏览上下文。然后就可以把这个浏览上下文与其他元素（具体 阅读全文
摘要：
1.用基本的文字元素标记内容 先看显示效果： 对应HTML代码： 对应元素习惯样式： 2.使用语言元素 ruby、rt 和 rp 元素，先看效果： 对应代码： 3.使用预先编排好格式的内容 pre 元素可以改变浏览器处理内容的方式，阻止合并空白字符，让源文档中的格式得以保留。 阅读全文
摘要：
img元素允许我们在HTML文档里嵌入图像。 要嵌入一张图像需要使用src和alt属性，代码如下： 显示效果： 1 在超链接里嵌入图像 img元素的一个常见用法是结合a元素创建一个基于图像的超链接，代码如下： 浏览器显示这张图片的方式没有什么不同。因此，重要的一点事要向用户提供视觉提示，表明特定图像 阅读全文
摘要：
Web存储允许我们在浏览器里保存简单的键/值数据。Web存储和cookie很相似，但它有着更好的实现方式，能保存的数据量也很大。这两种类型共享相同的机制，但是被保存数据的可见性和寿命存在区别。 PS:还有一种存储规范名为“索引数据库API”（Indexed Database API），它允许保存富格 阅读全文
摘要：
地理定位（Geolocation）API让我们可以获取用户当前地理位置的信息（或者至少是正在运行浏览器的系统的位置）。它不是HTML5规范的一部分，但经常被归组到与HTML5相关的新功能中。 1. 使用地理定位 我们通过全局属性 navigator.geolocation 访问地理定位功能，它会返回 阅读全文
摘要：
HTML5 添加了对拖放（drag and drop）的支持。我们之前只能依靠jQuery 这样的JavaScript库才能处理这种操作。把拖放内置到浏览器的好处是它可以正确的集成到操作系统中，而且正如将要看到的，它能跨浏览器工作。 1. 创建来源项目 我们通过 draggable属性告诉浏览器文档 阅读全文
摘要：
本文将继续介绍canvas的功能，展示如何绘制更复杂的图形（包括圆弧和曲线），如何使用剪裁区域来限制操作以及如何绘制文本。还是介绍可以应用在画布上的特效和变换，包括阴影、透明度、旋转和坐标重映射。 1. 用路径绘图 路径本质上是一组独立的线条（被称为子路径），它们组合到一起构成图形。我们绘制子路径的 阅读全文
摘要：
1. 开始使用 canvas 元素 canvas 元素非常简单，这是指它所有的功能都体现在一个JavaScript对象上，因此该元素本身只有两个属性：width 和 height。 canvas 元素里的内容会在浏览器不支持此元素时作为备用内容显示。下面例子展示了canvas 元素和一些简单的备用内 阅读全文
摘要：
1. 准备向服务器发送数据 Ajax 最常见的一大用途是向服务器发送数据。最典型的情况是从 客户端发送表单数据，即用户在form元素所含的各个 input 元素里输入的值。下面代码展示了一张简单的表单： 这个例子中的表单包含三个input元素和一个提交button 。这些input元素让用户可以指定 阅读全文
摘要：
Ajax 是现代Web 应用程序开发的一项关键工具。它让你能向服务器异步发送和接收数据，然后用 Javascript 解析。 Ajax 是 Asynchronous JavaScript and XML （异步JavaScript 与XML）的缩写。 Ajax 核心规范的名称继承于用来建立和发起请求 阅读全文