JackZhang的专栏

浮动布局是非常经典常见的页面布局方式。实现方式很简单，第一步先

现在由于手持设备，智能手机大行其道。同一页面很难应用到各种不同大小的设备中，针对不同设备特制页面开销又太大。解决方式是利用media属性智能识别各种设备，并应用不同的CSS式样。方案一：用HTML的元素中的media属性来区分设备：screen表示用于有屏幕的设备（这样就无法用于打印机，3D眼镜，盲文阅读机），max-device-width表示屏幕的最大宽度。因此

HTML的块元素和内联元素都有盒模型，区别是块元素的内外边距（margin和padding）可以自定义设置，但内联元素不可元素的盒模型图如下：外边距为margin，边框为border，内边距为padding因此元素总长度为margin-left + border-width + padding-left + content文本长度 + padding-right + border-

HTMl5里新元素很多，但画布绝对是大人气，本篇要简介下画布，并亲手用画布绘出验证码。使用画布需要先获取2D上下文：getContext("2d")2D上下文最基本的操作就是描边和填充，分别取决于两个属性：strokeStyle，fillStyle下面是常用的画布API：画矩形：fillRect，strokeRect，clearRect路径：beginPath，

Web开发中，必然会遇到需要临时或永久保存的数据。传统用cookie保存在客户端，或通过sessionID关联session对象（如Servlet的HttpSession对象）保存在服务器端。缺点是cookie实在太小，只有4k，已经无法应付现在的大数据时代了。而保存在服务器端很多时间根本没必要，本地保存一下即可，何必再和服务器交互一下呢？因此出台了新的存储技术：WebStorage