2013年9月22日

websocket vs keep-live

摘要: 地址:http://stackoverflow.com/questions/17608551/how-is-websocket-different-than-http-with-header-connection-keep-alive-million 阅读全文

posted @ 2013-09-22 15:50 BigPalm 阅读(294) 评论(0) 推荐(1) 编辑

2013年5月3日

CSS特异性——优先级

摘要: http://www.w3.org/TR/CSS2/cascade.html#specificity特异性选择器的特异性由CSS2 规范定义如下:如果声明来自于“style”属性,而不是带有选择器的规则,则记为 1,否则记为 0 (= a)记为选择器中 ID 属性的个数 (= b)记为选择器中其他属性和伪类的个数 (= c)记为选择器中元素名称和伪元素的个数 (= d)将四个数字按 a-b-c-d 这样连接起来(位于大数进制的数字系统中),构成特异性。 阅读全文

posted @ 2013-05-03 10:22 BigPalm 阅读(224) 评论(0) 推荐(0) 编辑

2013年5月2日

CSS默认样式表

摘要: 原文地址:www.w3.org/TR/CSS2/sample.htmlhtml, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre { display: block; unicode-bidi: embed }li { display: list-item }head { display: none }table ... 阅读全文

posted @ 2013-05-02 20:32 BigPalm 阅读(215) 评论(0) 推荐(0) 编辑

2013年4月27日

第15章 使用DOM的脚本语言

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

posted @ 2013-04-27 15:51 BigPalm 阅读(192) 评论(0) 推荐(0) 编辑

第14章 可访问性基础

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

posted @ 2013-04-27 15:31 BigPalm 阅读(183) 评论(0) 推荐(0) 编辑

第13章 排版

摘要: 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. 阅读全文

posted @ 2013-04-27 14:57 BigPalm 阅读(112) 评论(0) 推荐(0) 编辑

第12章 盒模型、bug和工作区

摘要: 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。 阅读全文

posted @ 2013-04-27 14:27 BigPalm 阅读(90) 评论(0) 推荐(0) 编辑

第11章 DOCTYPE转换盒标准模式

摘要: 不错的相关文章: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解析);.. 阅读全文

posted @ 2013-04-27 12:24 BigPalm 阅读(93) 评论(0) 推荐(0) 编辑

第10章 CSS应用:混合布局(第二部分)

摘要: 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:.. 阅读全文

posted @ 2013-04-27 09:41 BigPalm 阅读(84) 评论(0) 推荐(0) 编辑

haslayout综合

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

posted @ 2013-04-27 01:03 BigPalm 阅读(176) 评论(0) 推荐(0) 编辑

导航