== 普通的英文半角空格

  ==   ==   == no-break space (普通的英文半角空格但不换行)

  == 中文全角空格 (一个中文宽度)

  ==   == en空格 (半个中文宽度)

  ==   == em空格 (一个中文宽度)

  == 四分之一em空格 (四分之一中文宽度)

相比平时的空格( ),nbsp拥有不间断(non-breaking)特性。即连续的nbsp会在同一行内显示。即使有100个连续的nbsp,浏览器也不会把它们拆成两行。

更多请详见:http://zh.wikipedia.org/wiki/%E7%A9%BA%E6%A0%BC

HTTP 400 – 请求无效

HTTP 401.1 – 未授权:登录失败

HTTP 401.2 – 未授权:服务器配置问题导致登录失败

HTTP 401.3 – ACL禁止访问资源

HTTP 401.4 – 未授权:授权被筛选器拒绝

HTTP 401.5 – 未授权:ISAPI或CGI授权失败

HTTP 403 – 禁止访问

HTTP 403 – 对Internet服务管理器(HTML)的访问仅限于Localhost

HTTP 403.1 – 禁止访问:禁止可执行访问

HTTP 403.2 – 禁止访问:禁止读访问

HTTP 403.3 – 禁止访问:禁止写访问

HTTP 403.4 – 禁止访问:要求SSL

HTTP 403.5 – 禁止访问:要求SSL 128

HTTP 403.6 – 禁止访问:IP地址被拒绝

HTTP 403.7 – 禁止访问:要求客户证书

HTTP 403.8 – 禁止访问:禁止站点访问

HTTP 403.9 – 禁止访问:连接的用户过多

HTTP 403.10 – 禁止访问:配置无效

HTTP 403.11 – 禁止访问:密码更改

HTTP 403.12 – 禁止访问:映射器拒绝访问

HTTP 403.13 – 禁止访问:客户证书已被吊销

HTTP 403.15 – 禁止访问:客户访问许可过多

HTTP 403.16 – 禁止访问:客户证书不可信或者无效

HTTP 403.17 – 禁止访问:客户证书已经到期或者尚未生效

HTTP 404.1 – 无法找到Web站点

HTTP 404 – 无法找到文件

HTTP 405 – 资源被禁止

HTTP 406 – 无法接受

HTTP 407 – 要求代理身份验证

HTTP 410 – 永远不可用

HTTP 412 – 先决条件失败

HTTP 414 – 请求–URI太长

HTTP 500 – 内部服务器错误

HTTP 500.100 – 内部服务器错误–ASP错误

HTTP 500-11 – 服务器关闭

HTTP 500-12 – 应用程序重新启动

HTTP 500-13 – 服务器太忙

HTTP 500-14 – 应用程序无效

HTTP 500-15 – 不允许请求global.asa

Error 501 – 未实现

HTTP 502 – 网关错误

当页面未声明DTD标准的时候,IE核心浏览器会把块元素的padding和border-width的值算做width之内,无论padding和border- width的值设置多少总宽度都是width的值(总宽度 = width)。非IE核心浏览器会把块元素的padding和border-width的值算做width之外(总宽度 = width + padding + border-width)。

看演示:http://demo.joyfulboy.cn/html/ie_Box.html

本文章不断更新中…

1. firefox、safari、chrome、opera 四款浏览器 script 标签的 src 地址文件不存在时不会触发此 script 标签的 load 事件。opera 浏览器的 script 标签的 src 地址文件是一个空文件(0字节)的话会当作文件不存在来处理,也不会触发此 script 标签的 load 事件。IE浏览器无上述情况。

2. opera 浏览器下文本框设置背景图片的同时设置背景颜色,背景图片失效,只会显示背景颜色,不设置背景颜色情况下会显示背景图片。

阅读全文»

大家在设计网站的时候尽量要遵循W3C代码规范,这将对网站的优化,网站的推广,搜索引擎的友好有很大帮助的。以下是W3C XHTML 1.0代码规范需要主要的几点。

1. img标签的alt属性

img标签的alt属性是当src属性所指向的地址无效时用来代替图片显示的文字。缺少alt属性将无法通过XHTML标准验证,无论如何我们在写img标签时一定要加上alt属性,使用者也能在图片无效时知道这张图片的作用。

2. 同一页面内标签id属性值不得重复

同一页面内标签id属性值应是唯一的,如果需重复使用请用class属性代替。

3. 所有标签元素属性都使用小写

XHTML建议标签名称及其属性都使用小写。所有属性都必须有值。比如“checked”和“selected”属性值就为它自己本身。

<input type=”checkbox” checked=”checked” />

<option selected=”selected”>123</option>

阅读全文»

当我们在给某个元素定义了样式float属性为left或right时,此元素会变为浮动层,浮动在它的父级元素。如果要清除浮动,就要使用样式的clear属性。但是IE6浏览器与其它浏览器清除方法有些不同。IE6浏览器清除浮动需要在浮动层的父级元素使用clear:both和zoom:1两个属性,IE7和IE8和其它浏览器清除浮动需要在浮动层的父级元素使用clear:both和overflow:hidden两个属性。clear:both属性会清除浮动层的父级元素的浮动,overflow:hidden属性会清除浮动层本身,致使浮动层和浮动层父级元素处于同一层空间,IE6浏览器的zoom:1属性和其它款浏览器overflow:hidden属性效果相同,zoom:1触发IE6隐藏私有属性Layout清除浮动层本身,IE6浏览器上使用overflow:hidden属性是不能够清除浮动的,相应效果请自行查看演示页面。最后清除浮动的样式组合如下:

clear: both;

overflow: hidden;

zoom: 1;

演示:http://demo.joyfulboy.cn/css/clearFloat/

在IE中一般用js:obj.onselectstart=function(){return false;}

firefox用CSS:-moz-user-select:none

IE下面用JS
<script type=”text/javascript”>
document.onselectstart = function(){
return false;
}
</script>

FF下面CSS
<style type=”text/css”>
body {
-moz-user-select: none;
}
</style>

今天遇到一个问题,就是有一个 div 拥有 float 属性,它的上一层 div 高度为 100% ,此时在IE下面显示正常,上一层 div 高度没有问题,但是在FF下出错,FF下没有计算 float 的高度。就是说在IE下面 float 相当于移动,在FF下面 float 相当于浮动是不计算高度。所以,需要在它的上一层清除这个 float ,清除代码使用 overflow: auto; 详细请看演示。

演示地址:http://demo.joyfulboy.cn/css/overflow-clean-float.html

演示页面:http://demo.joyfulboy.cn/css/vc.html

代码请看演示地址.

IE8 FF 已经支持CSS的 vertical-align:middle; 垂直对齐属性 和 display:table-call; 元素显示为表格单元格,使用这两个属性就可以使在 IE8 FF 浏览器下页面垂直居中。IE6 IE7 不兼容这两个属性,所以使用了相对定位和绝对定位来解决此问题。(本人不是很喜欢浮动和绝对定位,但是不使用表格来实现垂直居中暂时也只好这样做,JS不算啊,用JS来实现感觉多此一举了,就像拿坦克打鸟。)

不多说了,看演示吧:http://demo.joyfulboy.cn/css/2px-fillet-layer/

忘记说了,这个2像素圆角层采用固定宽度自动高度,支持 IE6 IE7 IE8 FF 浏览器。