2012年3月29日
从面试题学习Javascript——面向对象（创建对象）
题目： try{ var me = Man({ fullname: "小红" }); var she = new Man({ fullname: "小红" }); console.group(); console.info("我的名字是：" + me.attr("fullname") + "\... Read More
posted @ 2012-03-29 20:44 shawnXiao Views(2401) Comments(0) Diggs(0) Edit
从面试题学习Javascript——基础知识
题目： try{ var data1 = [4,5,6,7,8,9,10,11,12]; var data2 = { "a": 4, "b": 5, "c": 6 }; console.group(data1); each(data1, function(o){ if( 6 == this... Read More
posted @ 2012-03-29 19:11 shawnXiao Views(1678) Comments(1) Diggs(1) Edit
由布局学习CSS——从CSS sprites重视background
关于CSS sprite技术的详解，小弟在这里就不赘述了，因为伟大的英特网上有一篇伟大的技术文档介绍。请移步http://css-tricks.com/css-sprites/ 在CSS sprite中最重要的就是关于background这个属性的理解，所以本文比较详细的介绍了background这... Read More
posted @ 2012-03-29 16:55 shawnXiao Views(2521) Comments(1) Diggs(2) Edit
由布局学习CSS——w3c文档复习
（1）浏览器间内核的差异是产生兼容性问题的根本原因。 （2）工作模式：工作模式起源于IE6，IE6的发布增强了对CSS1的兼容，这使得IE6对CSS的渲染和它前面的版本有了很大的不同，例如在盒子模型的理解上。为了保持良好的兼容性，IE为开发者提供了一个开关，来决定浏览器的工作模式。工作模式最初分为两... Read More
posted @ 2012-03-29 13:32 shawnXiao Views(562) Comments(0) Diggs(1) Edit
2012年3月28日
由布局学习CSS——从两列布局来看position：absolute的用法
在两列布局中，常常会拥有这样一个需求：左边的一列固定的宽度和高度，右边一列的高度和宽度都不确定，要求自适应。 砍材不误磨刀，在谈position：absolute之前，有几个概念是需要我们理解的，对于部分概念，在前面的文章已经提到过，直接给链接。 包含块：http://www.w3help.org/... Read More
posted @ 2012-03-28 22:00 shawnXiao Views(1642) Comments(0) Diggs(0) Edit
由布局学习CSS——IE6,7,8(Q)的浮动行内元素在某些情况下发生折行的bug
在做很多新闻列表的时候都需要在后面跟上一个时间，通常的做法是将时间包含在一个span里面，然后将span进行有浮动，但是在IE6，7下为出现如下的bug. 时间的那一行发生了折行，要解决这个bug,方法很简单，只需要给时间对应的span使用一个IE的Hack，即*margin-top:-n px;... Read More
posted @ 2012-03-28 20:03 shawnXiao Views(1849) Comments(2) Diggs(2) Edit
由布局学习CSS——浮动清除的深度探究（hasLayout和BFC对浮动的影响）
在前面的文章中对hasLayout有过介绍，其实个人理解，对于haslayout和block formating context它们有许多的共同点，甚至可以说它们是相同的功能的不同说法（这句话就鉴定）。下面是对一些术语的简介。 haslayout：'Layout' 是 IE 的专有概念，它决定了元素... Read More
posted @ 2012-03-28 16:09 shawnXiao Views(2151) Comments(0) Diggs(0) Edit
2012年3月27日
由布局学习CSS——对于Margin：0 auto实现居中的探究
一般在布局中我们对于常规流中的元素进行居中的方法都是设置它的margin为0，auto。对于其中的道理，其实是设计到是常规流中对块级非替换元素的margin值的计算。 对于常规流中的块级非替换元素的margin值的计算，有下面三个原则： (1)If 'width' is not 'auto' and... Read More
posted @ 2012-03-27 20:57 shawnXiao Views(1078) Comments(0) Diggs(0) Edit
由布局学习CSS——IE6的EmptyElementHeightBug
对于一个空的div,对这个div设置了宽度，但是没有设置高度时，在IE6和IE7下面默认情况下会拥有高度。这样的用法多用在清除浮动的方法中，在清除浮动的三大方法中，有一个方法就是添加一个空元素。 DOCTYPE html>html> head> title>title> style type="t... Read More
posted @ 2012-03-27 20:09 shawnXiao Views(287) Comments(0) Diggs(0) Edit
2012年2月25日
求高手解释关于CSS特殊性算法的问题
根据W3C上面的官方算法。特殊性的值可以看作是一个由四个数组成的一个组合，用 a，b，c，d 来表示它的四个位置。依次比较 a，b，c，d 这个四个数比较其特殊性的大小。比如，a 值相同，那么 b 值大的组合特殊性会较大，以此类推。a，b，c，d 值的确定规则：①如果HTML标签的’style... Read More
posted @ 2012-02-25 13:06 shawnXiao Views(345) Comments(1) Diggs(0) Edit