摘要：
这位妹纸，你在偷窥什么？你不知道螳螂捕蝉，黄雀在后吗？我是一只善良犀利的黄雀，不敢独自偷窥，愿与大家一同偷窥，当然，此次偷窥为了不然我们黄雀家族丢脸，我们必须偷窥出境界，偷窥出格调。当我在偷窥这位beautyGirl的时候，我想到了一个严肃的问题：她父母是谁？各位请把你们大跌的眼镜扶正，我不是要去见这位beautyGirl的家长，然后提亲，咳... 我在想的是，她父母的height如何，这将直接影响到我的下一步计划，为什么这么说呢，因为父母的height将会影响未来beautyGirl的height。一、父元素对height的影响height用px作为单位，大家最熟悉不了，px为单位基本上就给 阅读全文
摘要：
转载者的胡扯：这是一篇给力神作，对float进行了深入的分析，把float扒的几乎一丝不挂，把float赤裸裸的呈现在广大好青年面前浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局； 恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7（以下无特殊说明均指 windows 平台的 IE浏览器）。也许很多人都有这样的疑问，浮动从何而来？我们为何要清除浮动？清除浮动的原理是什么？本文将一步一步地深入剖析其中的奥秘，让浮动使用起来更加得心应手。一、清除浮动 还是 闭合浮动 （Enclosing float or Clearing float）？很多人都已经习惯称之 阅读全文
摘要：
上集《CSS深入研究:display的恐怖故事解密(1) - display-inline》已经把display的属性列表拉出来溜了，发现在这个属性恐怖面貌其实都是脆弱的伪装。除了部分常用属性外，其他的都是传说哥。既然是传说哥，请不要迷恋。就让传说继续传说着吧。这次我们来搞定table-cell这个货。（table-cell：IE6、7不支持）table-cell这个家伙在国外的网站中偶有露头，天朝由于IE6、7这两个货泛滥成灾，难有发挥，那么，这个家伙到底能干些什么呢？先让我们来研究下table，那些年曾经使用的table布局为何如此辉煌荡漾呢？她的特点有哪些呢？抛弃table的兼容性、se 阅读全文
摘要：
display作为一个最为恐怖的属性，没有之一，绝对不是欺骗3岁小孩，绝对是真实的。下面，就让我们看看这货的恐怖面貌。display 值：none ：隐藏对象。(注意，与visibility:hidden不同，这货是彻底的消失，不保留物理空间。)inline ：指定对象为内联元素。block ：指定对象为块元素。list-item ：指定对象为列表元素。inline-block ： 指定对象为内联块元素。inline-table ：制定对象为内联表格。table ： 指定对象为表格元素 等同<table>table-caption ：指定对象为表格标题等同<caption&g 阅读全文
摘要：
position有四个属性值：relativeabsolutefixedstatic下面分别讲述这四个属性。1. relativerelative属性，相对定位，我们要搞清它是相对哪个对象来进行偏移的。答案是它本身的位置。relative的偏移是基于对象的margin的左上侧的。但是这货又比margin更为强大，如果单独使用这个属性的时候，一般情况下，你可以把这货看成是全能的margin，因为它可以在display:inline的时候起作用，这点上margin值的上下边距就不起作用了，当然margin负值的某些应用用这个属性就实现不了了。比如，子级的margin负值可以减小display:in 阅读全文