QbatyBlog

杂项和样式(Miscellaneous & Style)

• 所有的样式规则都在layout/style/quirk.css
• 在怪异模式中，CSS类名是不区分大小写的(case insensitive)，而在标准模式中是大小写敏感的(case sensitive)。
• 当链接进文档的样式表的MINE type是 text/css时候，即便是服务端给出的Content-Type头不是text/css,它也将被当作CSS文件对待。
• CSS解析器接受颜色值不以#号开头。
• CSS解析器将把没有单位的数学默认为其单位为 px（但除了字号（font-size）因为Netscape Navigator 4以前就是这样解析的）和行高(line-height)和任意有严格意义的属性。
  
• HTML的颜色解析的不同(#号不是必须的，缺少的颜色数值将被填充为不同数值)取决于Gecko 1.9.2。
• 背景属性(background属性)为一个空的字符串会把背景的URL设为空，只在怪异模式下生效。
• 系统字体在navquirks mode工作不一样。
  
• HTML(1-7)和CSS（xx-small – xx-large）字体大小计算有轻微的不同（参见bug18136）。
• 在怪异模式下 List bullets 不会继承 List 的字体大小。
• :hover 伪类，只作用于链接，图片，和表单控件，除非 CSS选择器 包含标签名字，id 或 属性。
• 为检测到支持 document.all
  

块和行内布局(Block and Inline layout)
Read More…

最近微博的工作开始多了起来，所以更新blog的速度慢了下来，最近干做关于围裙的项目，碰到有一个地方

上图的文字应该是居中的还是居左的？如果是居左的，假如文字只有1-3个岂不是很难看？
Read More…

现在来看看用canvas来绘制一张已经存在的图片

var canvas = document.getElementById('example2');
var ctx2 = canvas.getContext('2d');
var img = new Image();
img.onload = function(){
canvas.width = img.width;
canvas.height = img.height;
ctx2.drawImage(img,0,0);
}
img.src = "img.jpg";

ctx2.drawImage(img,0,0) 是在画布(0,0)的位置上画出img.jpg这张图像，当img没有完全载入的时候，drawImage已经执行会导致后面的脚本全部停止运行，所以给了img一个onload事件来保证drawImage的时候已经完全载入了img。
Read More…