摘要： 1. 大多数浏览器已经支持DOM1规范，虽然他们可能采取不同的实现方式。2. 优雅脚本：把行为从Web开发的结构和表现中分开来，它涉及用于增强一个已经是基于语义和可访问性的标记结构，并能够在用户或者设备不支持Javascript的情况下提供可靠的服务。 a. 易用性获益：一个应用优雅DOM脚本方法构建的页面不会打扰用户；——只是网站的附加功能 b. 功能精简的获益：优雅DOM脚本不会在它出错的时候引发访问用户的烦恼；——先测试浏览器是否支持要使用的对象 c. 可访问性获益：页面的最基本功能不会依赖于优雅DOM脚本；——如果脚本无法运行，页面还仍通过标记、样式与或者和服务器脚本技术来继续展... 阅读全文

摘要： 1. 可访问性与CSS布局以及语义XHTML有共同之处，它们都是为了保证我们的网站拥有更多的用户，使他们更容易访问网站。2. 几乎所有的可访问性辅助功能对可视化设计都没有影响。因为他们只存在标记中，存在于网站外观下面。网站可以既美观又具有很高的可访问性。3. 关于可访问性的一点技巧 a. 图片alt 缺少alt属性图片的文档被标记成WAI访问错误或标记为XHTML校验错误。必须给img元素添加alt属性来描述用途，html 5中figure的figcaption可替代alt，但不能把alt设为空串，不然屏幕阅读器会认为图片只是装饰作用； W3C清楚解释了alt文本只有当不显示图片... 阅读全文

摘要： 1. px px在各个平台的大小基本一致，但是IE<=6/Win不支持页面缩放功能，由于现代浏览器对页面缩放功能的支持，完全可用px；2. em W3C标准尺寸是：16px/96ppi,由于一般情况下，用户不会调整浏览器默认字体大小，所以可以用em。由于IE/Win的统治地位，62.5%解决方案使得IE/Win浏览器默认16px下字体过大的缺陷，而且用户还能通过设置默认字体大小进行文字大小控制； em行高和不带单位的行高（和%一样）在继承上差异很大；（em会以计算出的像素继承，不带行高的数值直接继承）3. 字体关键字法 xx-small、x-small、small、medium、lar. 阅读全文

摘要： 1. 盒模型： content box、padding box、border box、margin box. 标准盒模型的宽度是content box的宽度。但IE<6/Win和IE<5/Mac的浏览器错误理解盒模型，把盒宽度认为是border box的宽度。——Tantek Celik的盒模型Hack方法能解决；2. IE<=6/Win的大小尺寸bug大多都是内含float元素造成，解决方法是设置{height：1%；}触发hasLayout。 阅读全文

摘要： 不错的相关文章：http://hi.baidu.com/flondon/item/4da1a01c3885967f7b5f25981. html 4.01，xhtml 1.0框架式和过渡式DOCTYPE都将触发浏览器（IE6,7除外）的近乎标准模式；html 4.01，xhtml严格式DOCTYPE和html5 DOCTYPE都将触发标准模式；HTML 4.0DOCTYPE和不声明DOCTYPE都将触发混杂模式； IE6/Win遇到XML prolog（XHTML）会出现异常，会返回混杂（Quirk）模式； 混杂模式：浏览器会已不兼容标准的模式来解析页面（IE/Win会以IE5.5解析）；.. 阅读全文

摘要： 原文地址：http://phrogz.net/css/vertical-align/AFAQon various IRC channels I help out on isHow do I vertically center my stuff inside this area?This question is often followed byI'm usingvertical-align:middlebut it's not working!The problem here is three-fold:HTML layout traditionally was not des 阅读全文

摘要： 1. diaplay: none W3C:This value causes an element to generate no boxes in the formatting structure (i.e., the element has no effect on layout). Descendant elements do not generate any boxes either; this behavior cannot be overridden by setting the ‘display’ property on the descendants. visibility:.. 阅读全文

摘要： 原文地址：http://www.qianduan.net/comprehensive-haslayout.html/comment-page-1#comment-300580什么是 haslayout ？haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout 属性值为true时，我们说这个元 阅读全文

摘要： 原文地址：http://alistapart.com/article/accesskeysWho can use your website? People with limited mobility may have a hard time controlling a mouse to click on links, and tabbing through menus can be slow going. The W3C introduced the accesskey attribute to enable users to select the appropriate key on... 阅读全文

摘要： 1. CSS概述：一种对Web文档添加样式的简单机制 a. CSS是Web标准化布局语言，它可以控制颜色、版式设计、以及元素、图像的尺寸和布局； b. 虽然CSS精确并且功能强大，但是对于手工书写来说还是比较简单的； c. CSS的适用性：仅仅一个CSS文件就能控制包含上千个页面和几百兆字节的整个站点的外观； d. 其创建者（W3C）的意图是以CSS取代HTML表格式布局、框架和其他外观程式。对于混合过渡方式布局，CSS也是相当高效的； e. 纯CSS布局和结构式XHTML相结合能帮助设计师从结构中分离出来，使站点的访问及维护更加容易。2. “最合适方案”设计方法 a. 先在可靠的... 阅读全文