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