随笔分类 - CSS
HTML add CSS
摘要:*在看文章之前假设你接触过inline-block自从你知道有inline-block这个东西,你应该不会经常地使用它。因为你知道,在IE6,IE7中是不完全支持的,另一个意思就是部分支持,好了不绕圈,就是IE6,7只有内联元素支持inline-block。由于我有一段时间觉得用inline-block还不如用block,所以就没有用了,因为有兼容性的东西,用起来就是很不爽。今天有点时间所以又去查了点资料,再次熟悉它。1、你或许已经知道,只有在表格的td和内联元素中inline-block才起作用。是的,这是它的基础。一般人为什么用inline-block,因为它可以有block和inline
阅读全文
摘要:<iframe width="100%" height="600" src=".html" allowTransparency="true" frameBorder="0" scrolling="no"></iframe>
阅读全文
摘要:引发原因:采用左右布局,左边定宽,右边自适应。右边表格100%时,只有IE6出来bug,表格就挤到下面去了。解决办法:在table 100%的外层div加上: _height:1%;设置表格宽度:_width:inherit;
阅读全文
摘要:如题,之前没有遇过这个的问题。引起这个bug的原因是,做一个手风琴,标题处有一个箭头需要绝对定位,所以就给外层加了相对定位。问题就出现了。搞了一个上午都没有解决,其实离解决已经很近,但是却没有解决。方法:逐层加上postion:relative;这个方法能解决问题,但是不知道是不是最完美的方法。最好的方法是去掉这个小箭头 :)
阅读全文
摘要:之前因为png透明在IE6有一些毛病,所以没有选用。当你的需求一定要你这么做的时候,你就一定要做出来。查阅了相关资料,得知从photoshow导出的png24,在fireworks中再导一次可以导出跟Png24一样效果的png8,体积少一半吧(我试了一张2点几k的png24,转成png8为900b)。如果是颜色过于丰富,png8还是受不了的,自己看着办吧。
阅读全文
摘要:最近这些天是比较神奇的,也是我这个小前端动荡的日子。2011年3月25日,我突然接上了上级通知。我被fire了,我只能离开了。公司是一个小垃圾公司,也不赔偿我。毕竟是刚毕业就在这里做了,看你是毕业生就不给你合同签。最后也就不能得到任务赔偿了。时间回到同日的中午,我接到一家公司的电话。我知道被炒的前一天,是一个同事告诉我的。我知道会被炒,就上网刷新了一下简历。更新了工作1年。2011年2月28号,我正式在新公司入职。也是前端的活,这次压力不小,以前的公司是没压力了。公司不像是有钱的,但是每人都用MAC。我上班的第一天,老板就买了台新的MAC。还问我用过没,我有点惭愧,没用过。以前上课的时候玩过一
阅读全文
摘要:说起CSS Reset,大家都会知道。有时候简单一个*{ margin:0 padding:0}就能完事了。要说要选哪个,各有秋千也不能一概而论。之前不知道用了哪个,字体有点不正常,后来换了YUI的Reset。一切就正常了! 今天做一个菜单,做完后。在ie6和Firefox下有区别,我知道那个区别是40px。但是为什么是40还没想到,就问了一个朋友。他后来就问我你有重置吗?对,我之前是有的,被我删掉了。打上重置后,表现就一致了。虽然问题是解决了,但是我想知道我到底重置了哪个元素呢?答案可以告诉你,是UL的。看下面的表你就会知道了。Code highlighting produced by A.
阅读全文
摘要:用了这么多年的CSS,现在才明白CSS的真正匹配原理,不知道你是否也跟我一样?看1个简单的CSS: DIV#divBox p span.red{color:red;},按习惯我们对这个CSS 的理解是,浏览器先查找id为divBox的DIV元素,当找到后,再找其下的所有p元素,然后再查找所有span元素,当发现有span的class为red的时候,就应用该style。多么简单易懂的原理,可是这个理...
阅读全文