最近讨论到了line-height的问题,做了一个实验,分别测试占主流的Firefox、IE6、IE7、IE8下的line-height的算法。
1.第一种情况,字体为宋体,在不设置line-height时,font-size:12px。
Firefox----字体实际高度为11px,上留白1px,下留白2px,上下所占空间为14px。
Posted in Web Standard | 13 Comments »
最近看到一个应聘的同学给出的样式文件,看到老多的position:absolute;我老皱眉头,不太爽,对于float和绝对定位的使用问题是应该注意一点的。否则会带来一些性能上的影响。
晚上闲着无聊,做了以下这个无聊的实验,虽说不是很严谨,例如没有考虑硬件和操作系统的因素,但也多少能说明一些问题。
实验环境和条件:
1.firefox 3.0+firebug [经过测试其他浏览器的测试结果大同小异]
2.为了排除网络带来的影响,在本机搭建了服务器
3.每个例子运行19次,取得出的结果的平均值
场景:
default页面:第一个页面中显示 13829 个div,不进行任何的浮动和定位等操作,默认。
float页面:第二个页面中显示一样的 13829 个div,对他们进行float:left;。
position:absolute页面 :第三个页面中同样显示 13829 个div,对他们进行绝对定位操作。
例如float的页面:
每个页面运行19次,用firebug查看运行完成所用时间,记录后分别求平均值进行对比。
Posted in Web Standard | 17 Comments »
要做好一个HTML邮件,说简单,还真不怎么复杂,说它复杂,其实也不难。-_-!!
以前写过类似的关于HTML邮件的总结,最近又犯愁,就再唠叨几句。
简单的是:技术实现要求不是太高,只要做好xhtml页面就能使用邮件发送服务来发送。
难的是:如要做到兼容国内几乎所有邮箱,兼容Gmail,Yahoo mail,outlook等,却也有点难度。因为各大邮箱对css,HTML标签的支持程度各不相同,有的会在邮件主体的外层使用一些干扰的样式,有的对图片的支持也不清不楚,邮件客户端就更是千奇百怪。
Posted in UE, Web Standard | 2 Comments »
和之前所提的情况一样,这个月,微软开始准备通过windows update推送IE8,而使用beta版本的用户也会收到“骚扰”,提示升级到正式版本。这个消息是好消息,也是坏消息。
最近IE Blog放出了即将自动推送的消息,看最后给出的连接。
好消息是:如果IE8得到广大人民群众的认可,那么就会加速IE6的“死亡”,这对用户来说,意味着将能得到更好的浏览器体验,而不会因为IE6的落后而受制。对开发者来说,意味着慢慢的,将不需要再测试针对IE6的兼容性,而更多高级的浏览器效果和功能也能得到使用。
坏消息是:各大站点将需要更注意对IE8的兼容问题了,如果大量的用户得到推送后接受更新,那么IE8的访问量比例将不断攀高。站点也要适当的添加针对IE8新功能[Webslices 和 Activity]的支持。
Posted in Web Standard | 1 Comment »
微软在今天凌晨发布了IE8的正式版,简体中文版在第一批,在发布会上,微软还联合主要的合作伙伴eBay、Digg、Facebook进行了新浏览器解决方案的演示。
IE8正式版提供了新的Activity 和 Web slices新功能,在本blog能够体验到。另外,IE8号称为了兼容CSS2.1,为了向标准迈进更大的步伐,仅仅去年就向W3C组织递交了7000多次CSS 2.1 测试,这个态度多少说明了点什么,哈哈,新版本也提供了面向web前端开发的IE调试工具,能够调试HTML、CSS和JavaScript,这个工具的确非常实用,虽然很多地方类似firebug,但也说明微软着实为民造福了。
至于IE8能否流行,还要看微软的市场运作和营销策略,不过从以往经验来看,肯定会强推 ,IE6、7的不尽人意,也许会促成用户体验更好的、性能要更优越的IE8的全面升级换代。
IE8正式版下载地址:http://www.microsoft.com/windows/internet-explorer/worldwide-sites.aspx
新浪专题:http://tech.sina.com.cn/s/focus/Microsoft_IE8/
关于IE8的性能:http://www.cnbeta.com/articles/79781.htm
Posted in Web Standard | 1 Comment »