web前端技术 | 烦恼即菩提,一念之间

当下主流浏览器IE6、IE7 、IE8、Firefox、Chrome、Safari、Opera

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

为什么在IE6图片的边缘会有空白?

解决的方法有很多:
a.给div设overflow:hidden或font-size:0
b.给img设float或display:block或vertical-align
但究其原因,也许是IE6中始终带有haslayout,而在此情况下IE6对行高和line-box的解释不正确有关。

标签: ·   分类: Css

推荐的 CSS 书写顺序

//显示属性
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的课后作业

一,css渲染页面过程及顺序;
二,HTML页面元素加载顺序研究报告

http://www.cnblogs.com/smjack/archive/2008/08/20/1272370.html

标签:No tags  分类: 每日js

2009.12.25作业

鼠标移动到链接显示层,移开隐藏层。
效果图:01

标签:No tags  分类: Js

前端技术– ajax框架

 

  以前性能测试关注重心在服务器端,最近有几个应用提出客户端性能度量问题。呵呵,正在了解前端技术领域。

     前端技术包括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)

代码如下:

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的用法

定义

text-indent 属性规定文本块中首行文本的缩进。

注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。

注意:在 CSS 2.1 之前,text-indent 总是继承计算值,而不是声明值。

说明

用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值,这会产生一种“悬挂缩进”的效果。

默认值: not specified
继承性: yes
版本: CSS1
JavaScript 语法: object.style.textIndent=”50px”

实例

将段落的第一行缩进 50 像素:

p
  {
  text-indent:50px;
  }

TIY

浏览器支持

所有浏览器都支持 text-indent 属性。

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit”。

可能的值

描述
length 定义固定的缩进。默认值:0。
% 定义基于父元素宽度的百分比的缩进。
inherit 规定应该从父元素继承 text-indent 属性的值。

标签:No tags  分类: Css

2009年11月11日

今天是光棍节……

我今天尚未做完的作业有js一题,还有研究网易样式及淘宝样式的样式命名及模块化。

标签:No tags  分类: 生活点滴

Older posts >>

Theme Design by devolux.nh2.me