• first-letter在各浏览器中的表现

    测试环境, IETester 0.4.4(包含5.5, 6.0, 7.0, 8.0, trident), opera 10.60(presto), firefox 3.6.4和seamonkey 2.1a1(gecko), chrome 6.0.408.1和safari 4.0.5(webkit)

    测试结果来看, 浏览器的表现分为三种种, 一种是: 查找selector的子元素, 第一个元素为text node时应用样式, 否则返回. 如gecko引擎的浏览器和trident引擎的ie7.0及以下版本的浏览器(包含ie7).

    第二种如下: 如果selector的第一个子元素为element node, 则递归查找此元素的子元素, 如果找到text node则应用样式, 没找到则返回. 如webkit引擎的浏览器.

    第三种和第二种比较类似, 只是最后的处理方式不同, 它会一直找到text node的子元素为止(除非整个selector不包含text node. 如presto引擎的浏览器和ie8.0

    发布时间:2010/6/2 所属分类:【(X)Html/CSS
  • 利用canvas和CSS3打造的fish factory

    canvas和css3打造的fish factory, 地址: http://gregmurray.org/fish/
    canvas和css3打造的fish factory

    发布时间:2010/6/2 所属分类:【Blog
  • 兼容各浏览器的CSS实现超出部分自动换行

    pre {
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word; /* IE 5+ */
    }

    发布时间:2010/6/2 所属分类:【(X)Html/CSS
  • CSS3 Button Maker

    来源: http://css-tricks.com/css3-button-maker/

    改了几个汉字, 放到了这里: CSS3 圆角制作工具

    发布时间:2010/6/1 所属分类:【Blog
  • EditPlus的js(含jquery),HTML5,CSS3语法高亮文件

    前面放出过一个Editplus的js语法高亮文件, 现在整理一下, 再放出EditPlus的js(含jquery语法),HTML5,CSS3语法高亮文件, 其中的css.stx文件本人修改过, 加入了css3和html5的元素.点此下载

    发布时间:2010/6/1 所属分类:【Blog
  • 使用Mircosoft URLRewriter实现URL重写,伪静态

    一,获得Mircosoft URLRewriter.dll:
    获得Mircosoft URLRewriter.dll可以到http://www.microsoft.com/china/msdn/library/webservices/asp.net/URLRewriting.mspx?mfr=true, 点击"下载本节所用代码", 下载完毕后,导入工程,我这里没有对该工程做任何修改,保留了原来的重写方式,然后直接在VS2005里面生成.dll文件就可以了。
    二,使用该dll文件:
    添加引用,搞定。
    三,页面方面的设计,这里不在赘述了,我会放一个下载包,有兴趣的朋友下载来看看吧,代码写的比较乱。
    四,web.config的配置
    这部是非常关键的,也是静态化能否成功的关键。

    发布时间:2010/5/30 所属分类:【C#
  • HTTP请求模型简介

    一、连接至Web服务器
    二、发送HTTP请求
    三、服务端接受请求并返回HTTP响应
    四、服务器关闭连接,浏览器解析响应
    五、无状态连接
    六、实例

    发布时间:2010/5/30 所属分类:【System
  • HTTP中Get与Post的区别

    Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE。URL全称是资源描述符,我们可以这样认 为:一个URL地址,它用于描述一个网络上的资源,而HTTP中的GET,POST,PUT,DELETE就对应着对这个资源的查,改,增,删4个操作。到这里,大家应该有个大概的了解了,GET一般用于获取/查询资源信息,而POST一般用于更新资源信息。

    发布时间:2010/5/30 所属分类:【System
  • Norton DNS 提供更快更安全的DNS

    Norton DNS是类似OpenDNS和Google DNS的域名解析服务,目前处于测试(beta)阶段。Norton DNS 宣称将提供更快,更安全,更可靠的DNS服务。
    只需将DNS改为198.153.192.1和198.153.194.1 ,即可体验Norton DNS。

    发布时间:2010/5/30 所属分类:【Blog
  • 搜索引擎爬虫蜘蛛的User-Agent收集

    百度爬虫
    * Baiduspider+(+http://www.baidu.com/search/spider.htm”)

    google爬虫
    * Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)
    * Googlebot/2.1 (+http://www.googlebot.com/bot.html)
    * Googlebot/2.1 (+http://www.google.com/bot.html)

    发布时间:2010/5/30 所属分类:【Blog
  • Firefox中的accesskey

    应该有包括我在内的很多人有键盘快捷的习惯,在 Web 中,只要定义了 Access Key 的事件都可以用键盘快捷来进行触发。这话如果有点抽象,举一些实例你就很容易明白:比如大部分论坛你写完稿要提交时,你可以不用再把手移至鼠标去点击 submit 按钮,而直接用 alt+s(有的是 alt+enter)来完成。在这里,s 就是定义好的 Access Key。在 wordpress 的后台撰写中,所有的 quicktags 都有键盘快捷的 access key,以我自己为例,一般习惯先在纯文本编辑器上完成文字撰写后,再 copy 至 wordpress 后台撰写的文本框内,很多时候,这些文本需要格式来装饰,就需要添加 html tag,我的习惯是全部用键盘来完成,比如选定一段文字按 alt+l 就为这段文字添加了嵌套好的 <li> 标签; alt+a 就添加一个链接 <a> 。

    而当我们安装了 Firefox 后会发现,alt+(access key)触发的不再是内容快捷而成了浏览器菜单快捷。这是 Firefox 的 Bug 还是它有意为之?我试图搜索一些官方资料来证明。

    发布时间:2010/5/29 所属分类:【Blog
  • 获得DOM元素X/Y坐标的几个函数

    offsetParent有四个方法是比较常用的:offsetLeft,offsetTop,offsetWidth,offsetHeight。下面我来说明offsetLeft和offsetTop方法的含义。

    offsetTop和offsetLeft分别是元素在offsetParent上下文中的水平和垂直偏移量,它在现代浏览器中都比较准确。但是ie6,ie7在计算的时候会多出2个像素的长度,大家可以使用下面提供的函数来测试。下面是封装的几个函数:

    发布时间:2010/5/29 所属分类:【Javascript
  • 获取Dom元素的X/Y坐标

    现在Web页面的交互方式越来越多样化,其中拖放页面元素也是一种很常见的操作。在这类操作当中有两个主要问题需要解决,一个是事件的注册方式,一般处理拖放元素的事件顺序是:捕获鼠标正键按下——注册鼠标移动事件——捕获鼠标正键抬起——注销鼠标移动事件;另一个问题就是拖放元素的位置,即X/Y坐标。这里我主要来讲述后面的问题:如何获取一个Dom元素的坐标。

    当今已有很多的JS框架封装了获取Dom元素的坐标的方法,我们可以直接使用,而这里我更多的是希望透过这些方法,看到原始的获取坐标方式以及如何处理跨浏览器问题。

    首先认识一下getBoundingClientRect方法,标准语法为:
    oRect = object.getBoundingClientRect();

    Dom节点调用该方法可返回一个ClientRect类型的对象,该对象有四个属性值:top、left、right、bottom,表示了该节点相对于可视浏览器可视区域的左上角位置的坐标,看图就能好理解:

    发布时间:2010/5/29 所属分类:【Javascript
  • 屏蔽/禁止所有中国IP访问的方法

    Apache 下,只要放个 .htaccess ,关键是要知道中国的IP段,可以试试这个 limit.txt

    发布时间:2010/5/28 所属分类:【System
  • HTML5 CSS Reset Style

    html5默认样式reset的CSS, 来源HTML5 Reset Stylesheet

    发布时间:2010/5/28 所属分类:【(X)Html/CSS
  • JavsScript中的BOM与DOM对象

    javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其他的浏览器风格迥异。
    JavaScript=语法+BOM(含DOM) [关系之理解] BOM>DOM

    1 DOM 是 W3C 的标准; [所有浏览器公共尊守的标准]
    2 BOM 是 各个浏览器厂商根据 DOM 在各自浏览器上的实现; [表现为不同浏览器定义有差别,实现方式不同]
    3 window 是 BOM 对象,而非 js 对象;

    发布时间:2010/5/28 所属分类:【Javascript
  • 为cms制作了一套html5的theme

    DotNet版X-CMS开发暂时延后, 待安定一段时间后再开始, 最近先搞一搞html5和css3, 现学现卖, 为cms制作了一套html5的theme.

    发布时间:2010/5/28 所属分类:【Blog
  • XHTML1.0的几种DocType的区别

    DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。
    其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来。
    要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效。
    XHTML 1.0 提供了三种DTD声明可供选择:
    * 过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法),完整代码如下:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    * 严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如<br>,完整代码如下:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    * 框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD,完整代码如下:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

    发布时间:2010/5/27 所属分类:【(X)Html/CSS
  • canvas JavaScript API学习(五)

    上篇文章我们了解了canvas用来处理图像的两个简单的方式:拉伸和裁切。这次我们来挑战像素级的图像处理,这话看起来挺唬人的,不过不用担心,它并没有那么可怕。

    发布时间:2010/5/27 所属分类:【(X)Html/CSS
  • canvas JavaScript API学习(四)

    canvas在绘图方面的能力正在日益增强,它支持简单的动画效果,并且被很多人所看好,从前一段时间“html5代替flash”的炒作中可见一斑,甚至一些大公司也开始使用canvas代替了原本使用flash实现的功能,当然这不是为了赶潮流,而是canvas确实有一些优势,这个以后再探讨。本文要介绍的是canvas在绘图以外的一点内容,因为光有绘图能力是不够的,下面我们就进入canvas图像处理相关的API学习。

    发布时间:2010/5/27 所属分类:【(X)Html/CSS
«  1 2 3 4 5 6 7 8 9  » 

XeonWell Studio