当下主流浏览器IE6、IE7 、IE8、Firefox、Chrome、Safari、Opera
时间:2010年十月11日 作者:开心果 评论次数:6 次
ie 是微软的新版本Windows操作系统的一个组成部分。在旧版的操作系统上,它是独立、免费的。从Windows 95 OSR2开始,它被捆绑作为所有新版本的Windows操作系统中的默认浏览器。微软公司于美国当地时间2009年3月19日上午,北京时间2009年3月20日凌晨正式发布ie 8浏览器,并同时开放下载。ie 是使用最广泛的网页浏览器,虽然自2004年以来它丢失了一部分市场占有率。
Mozilla Firefox(缩写为 Fx),中文名为火狐,是由Mozilla基金会(谋智网络)与开源团体共同开发的网页浏览器。Firefox是从Mozilla Application Suite派生出来的网页浏览器,从2005年开始,每年都被媒体PC Magazine选为年度最佳浏览器。根据Net Applications的统计,Firefox全世界的浏览器市场份额突破24.6%,仅次于Internet Explorer。 Firefox单独为中国推出了G-fox火狐中国版,增加了一系列特色插件。
Google Chrome,中文名为“谷歌浏览器”,是一个由Google公司开发的网页浏览器。与苹果公司的safari相抗衡,浏览速度在众多浏览器中走在前列,属于高端浏览器。采用BSD许可证授权并开放源代码,开源计划名为Chromium.本软件的代码是基于其他开放源代码软件所撰写,包括WebKit和Mozilla,目标是提升稳定性、速度和安全性,并创造出简单且有效的使用者界面。软件的名称是来自于又称作“Chrome”的网络浏览器图形使用者界面(GUI)。
浏览器Safari是苹果计算机的最新作业系统Mac OS X中的浏览器,使用了KDE的KHTML作为浏览器的运算核心。
是由挪威欧普拉软件公司(Opera Software ASA)制造的一款浏览器-Opera浏览器。 Opera起初是一款挪威Opera Software ASA公司制作的支持多页面标签式浏览的网络浏览器,由于新版本的Opera增加了大量网络功能,官方将Opera定义为一个网络套件。2009年9月1日,官方发布的个人电脑用的最新版本为Opera 10。
标签:No tags 分类: 浏览器之家
标签:No tags 分类: Html
IE6 img边缘的空白BUG
时间:2010年一月6日 作者:开心果 评论次数:3 次
为什么在IE6图片的边缘会有空白?
解决的方法有很多:
a.给div设overflow:hidden或font-size:0
b.给img设float或display:block或vertical-align
但究其原因,也许是IE6中始终带有haslayout,而在此情况下IE6对行高和line-box的解释不正确有关。
推荐的 CSS 书写顺序
时间:2009年十二月28日 作者:开心果 评论次数:1 次
//显示属性
display
list-style
position
float
clear
//自身属性
width
height
margin
padding
border
background
//文本属性
color
font
text-decoration
text-align
vertical-align
white-space
other
textcontent
标签:No tags 分类: Css
20091228的课后作业
时间:2009年十二月28日 作者:开心果 评论次数:0 次
一,css渲染页面过程及顺序;
二,HTML页面元素加载顺序研究报告
http://www.cnblogs.com/smjack/archive/2008/08/20/1272370.html
标签:No tags 分类: 每日js
2009.12.25作业
时间:2009年十二月25日 作者:开心果 评论次数:0 次
鼠标移动到链接显示层,移开隐藏层。
效果图:
标签:No tags 分类: Js
前端技术– ajax框架
时间:2009年十二月22日 作者:开心果 评论次数:1 次
以前性能测试关注重心在服务器端,最近有几个应用提出客户端性能度量问题。呵呵,正在了解前端技术领域。
前端技术包括Javascrīpt、Actionscrīpt、CSS、xHTML等传统技术与Adobe AIR、Google Gears等新技术。 淘宝网大规模应用。框架ajax
Ajax框架主要有如下几种 :
Prototypehttp://prototypejs.org,http://scrīpt.aculo.us
JQuery http://jquery.com
Ext JS2.0- javascrīpt library http://www.extjs.com
scrīpt.aculo.us
Mootools
YUI http://developer.yahoo.com/yui,淘宝网采用YUI,现在自主研发Tbra(不是100%确信)
JSON
Dojo http://dojotoolkit.org
BackBase
另外找到一个firefox上调试js的好插件:firebug
标签:No tags 分类: Js
鼠标划过 图片放大显示(2009-12-21)
时间:2009年十二月21日 作者:开心果 评论次数:0 次
代码如下:
js实现代码:<img src=”http://www.blueidea.com/img/common/logo.gif” width=”90″ height=”27″ id=”img” onmousemove=”onmouse_img()”/>
<script type=”text/javascript”>
function onmouse_img(){
document.getElementById(‘img’).style.width=’500′
document.getElementById(‘img’).style.height=’300′
}
</script>
用css伪类实现:
<style type=”text/css”>
.img{ cursor:pointer;}
.img:hover{ width:200px; height:200px;}
</style>
<img src=”http://www.blueidea.com/img/common/logo.gif” width=”90″ height=”27″ />
标签:No tags 分类: 每日js
text-indent的用法
时间:2009年十一月19日 作者:开心果 评论次数:2 次
定义
text-indent 属性规定文本块中首行文本的缩进。
注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。
注意:在 CSS 2.1 之前,text-indent 总是继承计算值,而不是声明值。
说明
用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值,这会产生一种“悬挂缩进”的效果。
| 默认值: | not specified |
|---|---|
| 继承性: | yes |
| 版本: | CSS1 |
| JavaScript 语法: | object.style.textIndent=”50px” |
浏览器支持
所有浏览器都支持 text-indent 属性。
注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit”。
可能的值
| 值 | 描述 |
|---|---|
| length | 定义固定的缩进。默认值:0。 |
| % | 定义基于父元素宽度的百分比的缩进。 |
| inherit | 规定应该从父元素继承 text-indent 属性的值。 |
标签:No tags 分类: Css
2009年11月11日
时间:2009年十一月11日 作者:开心果 评论次数:0 次
