CSS & jquery 学习笔本记录

1.ie6 bug
ul浮动后，margin变大

问题：

ul设置 float后，在ie中margin将变大

解决：

设置ul的display:inline，li的list-style-position:outside

2.ie6 bug
元素float:left;margin-left:20px;浮动方向跟margin方向一致的时候会有双倍margin的bug
只要设置第一个浮动的元素display:inline;就可以了

3. IE6 绝对定位的问题

问题：

<div style=”position:relative;border:1px solid orange;text-align:center;”>

<div style=”position:absolute;top:0;left:0;

background:#CCC;”>dovapour</div>

<a href=”#” title=”vapour的blog”>内容</a>

</div>

解决：

left的定位错误问题

1、给父层设置zoom:1触发layout。

2、给父层设置宽度width

bottom的定位错误问题

1、给父层设置zoom:1触发layout。

2、给父层设置高度height

4.一个空的div没有内容，在Ie6下面高度会变成两倍，解决办法：加上overflow:hidden;

5.ie6的注释
<!–[if IE 6]>
<![endif]–>

6:attr(‘A’,”)
A只能是标签例如width,不可以就background，因为background不是标签

7.css（）
.css(‘background’,'url();’);
url()后面不能有分隔符！！！！！！！！这也是一个细节

8.值得注意的是这个.attr()方法只获取第一个匹配元素的属性值。要获取每个单独的元素的属性值， 我们需要依靠jQuery的 .each()或者.map()方法做一个循环。

9.由上面的引起的问题，$.each(list,function(index,items){  })  注意$.each内部的写法  或者直接写list.each();

.each是一个一个执行，不会一下得到一个数组，就是说要执行的语句应当写在each函数内部

10.$(this)
这个错误如果没有记错，是刚开始学习的时候经常犯的，但是我昨天竟然又犯这种错误。。。是习惯打引号的，没有注意，这可是不可原谅的错误啊

11.昨天说要根据时间“自动”给页面换图片，其实就是网页换肤之类的啦，可是设计那边考虑有的图片要放页面，
所以，考虑的两种情况：
一：换页面图片
二：换css里面背景图片
根据时间的那个可以先不考虑，首先考虑怎么给页面换图片，页面html<img src=”…./jpg” />，都是这样的。
1.所以就想先获得src属性。
2.jQuery里面.attr(‘标签’) 这个函数可以获得元素的属性。所有的图片名字复制了一份，只是样子不一样，放在另一个文件夹(night)，原来的放在day里面。
3.查找的replace ，js里面是不可能全部替换的，但是jQ 是可以的，.replace(‘A’,'B’).表示用B替换所有的A。
4.我们已经得到所有图片的新地址，接下来就是替换为新的图片地址，再将新的地址设置进去就OK了。同样可以attr();。

css换呢？
想过，获得css里面的background属性，因为根据时间已经可以判断出文件夹了，只需要修改图片的名字，想得很天真吧。
但是写起来的时候，发现这个是要从Index页面，获取他的css文件，另一个文件之内的内容，我现在不知道怎么做 0.0
既然这样不行，就想用class来了。我可以修改它的class名字嘛，class里面的background不一样。道理跟上面的差不多。

后时间判断new Date().getHours()；这是获取电脑系统的hour。
思路就是这样的，写的时候有很多地方写错，在11点之前的部分就已经说了我的错误了。

12.如何清除缓存？
在url后面加问号url?time=new Date().getTime()