滚滚长江东流水,黄河入海不复返

摘要： 设BOX宽度为300px，在IE5.x浏览器中，对BOX的宽度解释有个bug，它认为300 px是BOX的总宽度，内容的宽度变成：300-2*10-2*5=270px,在ie6.0、firefox、opera8.0中显示box1的总宽度为330px，等于BOX实际的总宽度，内容的宽度：300px。所以可把宽度写成width: 330px; w\idth: 300px;，后一个宽度ie5.x不会解析... 阅读全文

摘要： 既非十分流动，也非宽度固定 - 弹性设计结合了两者的长处。如果做得好，就能很好地增进亲和力，充分利用较易忽略的电脑屏幕和浏览器的能力，启迪你的创意灵感。 原作: Patrick Griffiths 原文出自：A List Apart 中文翻译：onestab [2004.01.25] 要从固定的、基于像素的设计方法转到弹性的、相对的设计方法并不容易。但是如果恰当利用，就可以成为增强亲和力和... 阅读全文

摘要： 更多CSS布局、网站访问无障碍化、网站亲和力（Accessibility）文章. 如果你要制作一条高度小于12PX（大约）的线条，在IE中会显示出高于实际高度的，看下面。 .line10{ background: #CCCCCC; height: 6px; } 可看出实际高度大于6PX，这也算是IE的一个BUG吧。以下三种方法可解决这个问题，推荐使用第一种方法。 1. .line11{ b... 阅读全文

摘要： 姓名：电话：主题：内容： CSS代码form{ margin: 0px auto; width: 450px; border: solid 1px #CCCCCC; } .bo{ border-bottom: solid 1px #CCCCCC; } label{ float: left; padding: 10px 0px 4px 30px; } input{ paddin... 阅读全文

摘要： 此POPMENU根据alistapart 的articles改编，比DW中用显示、隐藏层的方法要简单。在IE6.0 IE5.X Firefox NS都能正确显示，只用到很少的JS代码，使用时只要把部分插入需要的地方即可，不会因分辨率不同而发生错位的现象。菜单演示>>CSS代码 li ul { display: none; left: -40px; position: absolute; t... 阅读全文

摘要： 表单是网页中一个不可缺少的部分，如何使表单更具有亲和力了？这是一个遵照 WCAG 指导原则设计的表单，许多地方都努力去做了。 fieldset标签 fieldset标签会在包含的文本和input等表单元素外面形成一个方框，legend元素作为标题。 Label标签 Label 用于表单元素 (input, textarea or select),配于 for 将值传递给相应的表单元素。 tabi... 阅读全文

摘要： 这里介绍一些在线的Accessibility和General Developer工具，可以帮助你更快、更好地构建符合web标准的XHTML文件. Accessibility Tools 本文章由forestgan于03-Oct-2006发表 Markup Maker 只要输入你的简单结构，就会输出一个正确的XHTML文挡。 输入wrapper header logo search ... 阅读全文

摘要： 今天到http://browsershots.org 测试了下自己网站在不同平台和不同浏览器下的状况，网站免费提供了以下浏览器供在线免费测试。 Linux Dillo 0.8│ Epiphany 2.14│ Firebird 0.7│ Firefox 1.0│ Firefox 1.5│ Firefox 2.0│Firefox 3.0│ Flock 0.7│ Galeon 2.0│ Konquero... 阅读全文

摘要： 在IE7以下版本一直是不支持无A状态伪类的，通常都要靠Javascript来解决的，最近经常有人问起此类问题，故整理了几种方法，脚本来自国外网站，供大家参考。 方法一 javascript文件，来自Htmldog . 脚本可改动的部分 //这里写入你需要效果的标签 suckerfish(sfHover, "INPUT"); suckerfish(sfFocus, "INPUT"); su... 阅读全文

摘要： 网页居中 设父级DIV为MAIN#main{ margin: 0px auto; } 中文首行空二格p{ text-indent: 2em; } 防止表单被撑大form{ margin:0px; } 阅读全文