http://blog.sina.com.cn/johnpu[订阅]
个人资料
分类
    内容读取中…
评论
读取中...
访客
读取中...
好友
读取中...
博文
"+" CSS Hack研究(2007-07-17 20:57)
表达方式:+property:value
测试环境:IE5,IE6 ,IE7,FF1.5,FF2.0,Opera 9,Safari 2
测试结果:
IE5,IE6 ,IE7浏览器识别;
FF2.0,Opera 9,Safari 2浏览器不识别。

结论:我们可以用'+'来实现只有IE识别的CSS Hack。

比如我们要实现在IE中500px的宽度,而在其他浏览器480px的宽度,就可以通过'+' Hack来完成,如下:
#hack {
 width:500px;
 +width:480px; /*only IE*/
}

这应该归结于IE对一些特殊字符的识别,大家还可以测试其他的特殊字符如:' >','-','@'……或许有更多的收获。

PS:可能有朋友想到'_' Hack,但它们是由区别的,因为IE7中是不识别“_”的。
IE6 浮动模型的Bug(2007-07-17 20:53)
浮动模型可以说是标准布局中不可或缺的组成部分,可是对于浮动模型在IE6的表现症状你是否已经完全了解或者掌握呢?如果你的答案是肯定的,那恭喜你不用听我的啰嗦了,如果你的答案是模糊的,那么下面的讨论或许对你以后的学习有所帮助。

首先让我们先了解下W3C上对浮动模型部分解释(http://www.w3.org/TR/REC-CSS2/visuren.html):
Quote:
Since a float is not in the flow, non-positioned block boxes created before and after the float box flow vertically as if the float didn't exist. However, line boxes created next to the float are shortened to make room for the floated box. Any content in the current line before a floated box is reflowed in the first available line on the other side of the float.

A float can overlap other boxes in the normal flow (e.g., when a normal flow box next t
Please click to zoom in!


margin在中文中我们翻译成外边距或者外补白(本文中引用外边距)。他是元素盒模型(box model)的基础属性。

一、margin的基本特性

margin 属性包括margin-top,margin-right,margin-bottom,margin-left,margin,可以用来设置box的 margin area。属性margin可以用来同时设置box的四边外边距,而其他的margin属性只能设置其自各的外边距。

margin属性可以应用于几乎所有的元素,除了表格显示类型(不包括 table-caption, table and inline-table)的元素,而且垂直外边距对非置换内联元素(non-replaced inline element)不起作用。

或 许有朋友对非置换元素(non-replaced element)有点疑惑,稍微帮助大家理解一下。非置换元素,W3C中没有给出明确的定义,但我们从字面可以理解到,非置换元素对应着置换元素 (replaced eleme
IE图片闪烁解决方案(2007-07-17 11:48)
直接使用如下代码
<script>
        var Browser = new Object();
        Browser.IsIE = window.navigator.userAgent.indexOf('MSIE');
        if(Browser.IsIE >= 1)
        {
                document.execCommand('BackgroundImageCache', false, true);      // onle ie need ,ff
no need
        }
</script>
IE图片闪烁解决方案(2007-07-17 11:47)
<script>
        var Browser = new Object();
        Browser.IsIE = window.navigator.userAgent.indexOf('MSIE');
        if(Browser.IsIE >= 1)
        {
                document.execCommand('BackgroundImageCache', false, true);      // onle ie need ,ff
no need
        }
</script>
在使用CSS实现表现的时候,会经常接触到display:inline-block这一属性,无论是初接触Web标准还是接触标准已久的朋友,大都会对这一属性感觉很迷惑和模糊。

display:inline-block
Quote:
将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。
但对于这个属性不是所有浏览器都识别。

支持的浏览器有:Opera、Safari

但很遗憾,最流行的IE和Firefox却不支持这个属性(据说下一版本的Firefox将会支持display:inline-block)。不过Firefox下却有私有属性-moz-inline-box和inline -block形似,为什么是“形似”而不是“神似”呢?这是因为使用-moz-inline-box会带来很多意想不到的后遗症,比如使用这一属性后, text-align有时候就会有问题,还得改用Firefox的私有属性-moz-box-align
还记得《最好的300款免费软件》吗?他的作者又评出了《最好的60个国外壁纸网站》。并且指出,都经过手工筛选,决非引擎搜索凑数。我随便看了几个,确实不错。可惜,我不用任何壁纸,无缘消受,还是与诸君分享吧。
Update: 经编辑验证, 删除了一些不能访问或者内容有变动的网站, 并对英文简介做了翻译归纳.

原创壁纸

多为1600×1200 Aeiko.net MoodFlow End Effect DJ-Designs Bitaites.org
Wooden Fish ocksoff.co.uk Plog 壁纸

  6月16日,电影《变形金刚》的导演迈克尔·贝在洛杉矶四季酒店出席记者招待会。下面是完整的采访内容,我们且来听听这位老大怎么看待这部大片。

 

  提问1:我知道这里的记者一定会问起《变形金刚》。不过,我想请问你对《热血警 探(Hot Fuzz)》的看法,因为它很多地方灵感来自你的电影《绝地战警2(Bad Boys 2)》。还有,你也提到过《虎胆龙威4(Die Hard 4)》的制作方曾经邀请你来执导。如果不是档期冲突,你会接下《虎胆龙威4》么?

 

  迈克尔·贝:《虎胆龙威4》……我想应该不会接下来。至于 《热血警探(Hot Fuzz)》,我还没有看过,因为这段时间我一直在做《变形金刚》的后期,非常辛苦,非常费神,换了谁都不会回家后再看部电影当做消遣。我本以为这部电影 可以不必这么玩命赶进度,因为本来安排有一段空档期,那时候我还说:'老天,我居然有这么长一段时间来踏踏实实做后期。'当时可万万没想到机器人这么难处 理,不过不管怎么说,我算是终于捱完了这部份。

 

题记:十二这个数字在中国算是一个轮回。中国共有十二生肖,每隔十二岁我们算作一轮,而这一年的生肖与你出生年的生肖相同,我们管它叫做本命年。

 

十二年前的《绝地战警》让迈克尔·贝一炮走红

 

1995年,年仅30岁的迈克尔·贝将手中指挥棒成功的由“MV”变成了“电影”,从此他便踏上了好莱坞知名电影导演的行列。那年迈克尔·贝率领着 两位黑人小伙威尔·史密斯和马丁·劳伦斯给观众带来了一部动作与搞笑相结合的《绝地战警》,虽然故事缺乏一定深度,但影片的风格还是得到了广大观众的认 可。6500万的全球票房对于一部低成本的影片已实属不易,何况是一个导演的处女作。《绝地战警》令威尔·史密斯一举成名,同时也让迈克尔·贝一炮走红。

 

乔布斯最精彩的演讲(2007-07-11 20:13)

从乔布斯介绍iphone的一系列演讲中,我们可以学到5个迅速提高演讲技巧的窍门。

乔布斯创造了一个iphone的全国造势运动(也可以算是全球了。汗!),这一切开始于今年一月的Macworld trade show。

在观看分析了他的演讲后,我总结出五点乔布斯的演讲技巧,希望为大家做些借鉴。

1. 构造紧张情绪

一个成熟的作家从来都不会在书的开篇便把所有的情节全部铺展在读者面前,而是慢慢构建整个故事情节。乔布斯即如此,一开始就用“Apple公司最具革命性 的产品”之类的词来开吸引读者,“不经意间这世界上就可能会出现革命性的产品或创意,而Apple则荣幸的作为先行者”,从“1984年 Macintosh 的推出改变了整个计算机行业”,到2001年iPOD的问世“同样也改变了整个音乐行业”,诸如此类。


在做完这些基础铺垫后,乔布斯要开始构建iphone在观众心中的形象了,在这里他和大家开了一个小小的玩笑,“今天,我们要介绍三个具有革命性的产品。 第一个是带触摸屏的ipod,第二个是个移动手机,第三个是个互联网通信装置。”在反复对这三个产品进行多次评论后他才开始展露真正的意图,“你们懂了 么?我要介绍的不是这3个产品,而是结