10 2012 档案

摘要:上集《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 暴风烈酒 阅读(17673) 评论(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 暴风烈酒 阅读(9297) 评论(34) 推荐(57)
摘要:position有四个属性值:relativeabsolutefixedstatic下面分别讲述这四个属性。1. relativerelative属性,相对定位,我们要搞清它是相对哪个对象来进行偏移的。答案是它本身的位置。relative的偏移是基于对象的margin的左上侧的。但是这货又比margin更为强大,如果单独使用这个属性的时候,一般情况下,你可以把这货看成是全能的margin,因为它可以在display:inline的时候起作用,这点上margin值的上下边距就不起作用了,当然margin负值的某些应用用这个属性就实现不了了。比如,子级的margin负值可以减小display:in 阅读全文
posted @ 2012-10-15 22:13 暴风烈酒 阅读(2203) 评论(6) 推荐(12)