记录CSS学习笔记
很久没有用过CSS拉,都忘记得差不多拉
本来就没有打好基础,所以现在用过来还是有点问题
所以打算重新认真学习一下,并把一些注意到的问题写下来
方便自己以后查找,嘻嘻~~~
PS:IE的高低版本,我定义的分界线是:IE6.IE5.X-IE6为低版本,IE6以上的为高版本,不过这种定义还是不太准确
1.书写hack里的顺序是FF,IE高版本,IE低版本,第一次看CSS的时候,没有留意,也没有记住
这一次,我再想一下近来实践的经验才发现,这里面也是有它的道理的,不只是一个建议
而是一种解决问题的策略,先保证正常情况下能表现自己的想法,然后再对非正常的情况进行修正
这样下去,到最后的结果也是我们想要的,可是当这种顺序反过来,就可能在最后关头出错,结果就可能不是我们预想的那样拉
2.得记住几个常用的hack:
*:区分FF和IE,IE能用,FF不能用
!important:区分IE的高低版本,高能用,低不能用,FF正常
_:IE低版本能用,IE高版本和FF都不能用
*+html与*html是IE特有的标签,Firefox暂不支持
IE的if条件hack
3.浮动的问题,这个可是大问题,如果不认真搞懂,会让人疯掉的
浮动特点:不同于绝对定位,浮动的元素依然是页面流的一部分,而绝对定位的元素被移出页面流
浮动属性值:Left和Right分别浮动元素到各自的方向,None(默认的)使元素不浮动,Inherit将会从父级元素获取float值
用处:主要是用于文字环绕和网页布局
问题的出现:在Firefox中,当子级都为浮动时,那么父级的高度就无法完全的包住整个子级,那么这时用清除浮动的HACK来对父级做一次定义,那么就可以解决这个问题。