存档

  • IE、FF、Safari、OP不同浏览器兼容报告

    1         浏览器内核简介   Trident IE浏览器(GreenBrowser绿色浏览器, 遨游浏览器….都是IE) Geckos FireFox Presto Opera Webkit Safari、Chrome   浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“解释引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释(如HTML、JavaScript)并渲染(显示)网页。

    2011年12月14日 | 归档于 学海无涯
    标签:
  • Firebug

    本文最初发表《程序员》杂志第三期,现将全文贴上,内容已经过编辑修饰了很多:) 什么是Firebug 从事了数年的Web开发工作,越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码;要编写精致的CSS样式表展示每个页面模块;要调试javascript给页面增加一些更活泼的要素;要使用Ajax给用户带来更好的体验。一个优秀的WEB开发人员需要顾及更多层面,才能交出一份同样优秀的作业。为帮助广大正处于Web2.0洪流中的开发人员,在这里为大家介绍一款轻巧灵活的辅助开发工具。 Firebug是Firefox下的一款开发类插件,现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀,从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的便利。这是一款让人爱不释手的插件,如果你以前没有接触过它,也许在阅读本文之后,会有一试的欲望。笔者在撰写此文的时候,正逢Firebug发布1.0正式版,这不能不说是种巧合。

    2008年10月31日 | 归档于 天下杂侃
    标签: , ,
  • CSS模拟Lightbox

    .overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:#000; z-index:900; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content { display: none; position: absolute; top: 25%; left: 25%; width: 344px; height: 57px; padding: 6px; background-color: white; z-index:901; overflow: auto; } Lightbox是一个很华丽的图片显示效果,当然也许你并不喜欢。它通过JS使图片直接呈现在当前页面之上而不用转到新的窗口。但是缺点是必须要加载完页面以后才有效果,在这点上highslide做得更好。lightbox效果有很多版本,这里我就不一一列举。它们都是靠JS实现的,JS文件小的十几K,大的上百K。当然了,相应的能实现更多特效。如果只是需要在个别页面实现一个类似Lightbox的效果,单纯依靠CSS实现,不含js也是很不错的。点击右侧图片查看效果。

    2008年7月4日 | 归档于 天下杂侃
    标签: ,
  • CSS部分备忘

    继续学习,知道得还是太少啊,连门槛都还没摸到。 CSS控制大小写 首字母大写 text-transform:capitalize; 全部大写 text-transform:uppercase; 全部小写 text-transform:lowercasecase;

    2008年6月21日 | 归档于 天下杂侃
    标签: ,
文章标签 ‘CSS’