热门文章
随机推荐
原创文章
- 调节iphone屏幕亮度
- 隐藏ios系统的音量变化显示界面
- 修改浏览器的user-agent字符串,模拟移动设备访问站点
- 在apple设备上显示网站图标
- 判断用户的是iPhone还是iPad
- 代码实现iPhone震动
- cocos2d for iPhone教程
- UITableView的cell设置背景图
- 控制Log的输出
- XCode文档注释
- iPhone版本判断
- VMware的自定义启动
- 备份XCode键盘快捷键和颜色文字
- error communicating with the iTunes Store
- HTML5 canvas效果Liquid Particles
- apple的html5 Showcase
- html5test.com测试你的浏览器支持多少html5特性
- 网络限速软件NetBalancer
- first-letter在各浏览器中的表现
- 兼容各浏览器的CSS实现超出部分自动换行
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/
发布时间: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>DOM1 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】