1.ie6 bugul浮动后,margin变大2.ie6 bug元素float:left;margin-left:20px;浮动方向跟margin方向一致的时候会有双倍margin的bug只要设置第一个浮动的元素display:inline;就可以了3. IE6 绝对定位的问题5.ie6的注释![if IE 6]![endif]6:attr(A,)A只能是标签例如width,不可..

互域东莞网络公司,专业东莞网站设计,东莞网站建设行业里很有竞争力的团队之一。

您的当前位置:互域网络 >> 网站设计知识 >> CSS & jquery 学习笔本记录

CSS & jquery 学习笔本记录

日期:2013-03-09   来源:原创
092013-03

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()

[ 关键字:CSS,jquery ]


相关阅读:
  • 网站HTML文档结构介绍 [11-19] 结构良好的HTML (或者XHTML)文档可能(maybe)包含如下元素:●HTML文档结构(head、 body、 div、 span)。●文字内容。●传达含义和内容结构的语义标注..
  • 东莞网站建设培训介绍 [11-02] 在我们的课程中,我们主要分为十节,每节包括30节课。我们将详细介绍网页的制作和网页制作中使用的软件。网页制作并不难。在学习过程中,网页制作的..
  • 东莞网站制作培训多少钱? [11-02] 首先,学会做网站的前部。一般来说,学习做网站的前端意味着HTML CSS,它是网站页面的骨架,也就是说,我们通常看到网站的一个非常漂亮的部分。现在..
  • 运用HTML与CSS 排版网页简历 [05-19] 运用HTML与CSS 排版网页简历
  • CSS3图标图形生成技术 [04-23] 一、人生如戏、工作亦如戏,且戏且珍惜坊间有云:人生如戏,全靠演技。意思是:人生坎坎坷坷,曲曲折折,跌宕起伏,不可预知,扑朔迷离,好比是戏一..
  • CSS3的REM设置字体大小 [04-02] 在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EMS优点多,还有人在说百分比方便,以至于出..
  • 利用CSS3制作文字渐变效果 [02-28] 一、翻出旧玩具,培养新感情首先,兼容的文字渐变效果,类似这样的:CSS实现兼容性的渐变、高光等文字效果或者,Chrome当道的文字渐变效果有借助mas..


在线QQ咨询