学校一个电子教室通过ADSL宽带"猫"上网，系统为RedHat 9.0，但在上网时有些网页打不开，而且网速不快。有同事告诉笔者，说这跟MTU值有关系，将它修改到适当的值即可。在Windows下可以通过修改注册表来修改MTU值，可在Linux下面又该如何做呢？通过查阅一些资料，笔者终于解决了这个问题，其实只需要一个简单的命令即可：
# ifconfig eth0 mtu number
其中"number"为MTU的数值。修改完成后，可以用"ifconfig"命令来查看修改的结果。也可以通过一些网站来测试网速，进一步通过修改MTU值
 |
# vi /etc/sysconfig/network-scripts/ifcfg-eth0
MTU=1000
这样Linux的灵活性又一次得到了体现！
小知识：MTU的英文全称为Maximum Transmission Unit，意为最大传输单位，也就是在连接的时候，所传输信息包最多可以有多少字节。MTU决定着信息包的大小，如果信息包太小，同样大小的数据就会分成很多个包传输，计算机不得不频繁地作出响应；如果信息包太大则会产生错误，导致传输失败。
笔者公司共有10台Web服务器，使用Redhat Linux 9作为操作系统，分布在全国各大城市，主要为用户提供HTTP服务。曾经有一段时间不少用户反映有的服务器访问速度缓慢，甚至不能访问，检查后发现是受到了DDoS攻击(分布式拒绝服务攻击)。由于服务器分布太散，不能采用硬件防火墙的方案，虽然IPtables功能很强大，足以应付大部分的攻击，但Linux系统自身对DDoS攻击的防御力本来就弱，只好另想办法了。
一、Freebsd的魅力发现Freebsd的好处是在一次偶然的测试中，在LAN里虚拟了一个Internet，用一台Windows客户端分别向一台Windows Server、Linux Server和一台Freebsd在无任何防范措施的情况下发送Syn Flood数据包(常见的DDoS攻击主要靠向服务器发送Syn Flood数据完成)。Windows在达到10个包的时候就完全停止响应了，Linux在达到10个数据包的时候开始连接不正常，而Freebsd却能承受达100个以上的Syn Flood数据包。笔者决定将公司所有的Web服务器全换为Freebsd平台。
在使用Freebsd后，的确过了一段时间的安稳日子。不过近日又有用户再次反映网站不能正常访问，表现症状为用户打开网页速度缓慢，或者直接显示为找不到网站。用netstat ?a查看到来自某IP的连接刚好50个，状态均为FIN_WAIT 1，这是属于明显的DDoS攻击，看来Freebsd没有防火墙也不是万能的啊，于是就想到了装防火墙。
看了N多资料，了解到Freebsd下最常见的防火墙叫IP FireWall，中文字面意思叫IP防火墙，简称IPFW。但如果要使用IPFW则需要编译Freebsd系统内核。出于安全考虑，在编译结束后，IPFW是默认拒绝所有网络服务，包括对系统本身都会拒绝，这下我就彻底"寒"了，我放在外地的服务器可怎么弄啊?
大家这里一定要小心，配置稍不注意就可能让你的服务器拒绝所有的服务。笔者在一台装了Freebsd 5.0 Release的服务器上进行了测试。
二、配置IPFW
其实我们完全可以把安装IPFW看作一次软件升级的过程，在Windows里面，如果要升级一款软件，则需要去下载升级包，然后安装;在Freebsd中升级软件过程也是如此，但我们今天升级的这个功能是系统本身已经内置了的，我们只需要利用这个功能即可。打开这个功能之前，我们还要做一些准备工作。
下面开始配置IPFW的基本参数。
Step1:准备工作
在命令提示符下进行如下操作:
#cd /sys/i386/conf
如果提示没有这个目录，那说明你的系统没有安装ports服务，要记住装上。
#cp GENERIC ./kernel_IPFW
Step2:内核规则
用编辑器打开kernel_IPFW这个文件，在该文件的末尾加入以下四行内容:
options IPFIREWALL
将包过滤部分的代码编译进内核。
options IPFIREWALL_VERBOSE
启用通过Syslogd记录的日志;如果没有指定这个选项，即使你在过滤规则中指定了记录包，也不会真的记录它们。
options IPFIREWALL_VERBOSE_LI
MIT=10
限制通过Syslogd记录的每项包规则的记录条数。如果你受到了大量的攻击，想记录防火墙的活动，但又不想由于Syslog洪水一般的记录而导致你的日记写入失败，那么这个选项将会很有用。有了这条规则，当规则链中的某一项达到限制数值时，它所对应的日志将不再记录。
options IPFIREWALL_DEFAULT_TO
_ACCEPT
这句是最关键的。将把默认的规则动作从 "deny" 改为 "allow"。这句命令的作用是，在默认状态下，IPFW会接受任何的数据，也就是说服务器看起来像没有防火墙一样，如果你需要什么规则，在安装完成后直接添加就可以了。
输入完成后保存kernel_IPFW文件并退出。
三、编译系统内核
由于Freebsd和Linux一样，都是公开源代码的操作系统，不像Windows那样代码是封装了的，出了问题我们只能猜测，或者咨询微软公司;由于Freebsd系统内核在不断升级，我们为了使用新版本中的功能，或者定制一个更高效、更稳定的系统，通常需要编译系统内核。
当然，我们在这里编译内核，是为了能得到一个更高效的系统，而不是使用新版本的功能;
在编译的过程中，可能会提示一些错误，为了尽可能减少错误提示，我们已将配置文件缩减到了最少，如果再出现什么错误提示，请仔细检查是否有输入错误等细小问题。
Step1:编译所需的命令
在命令行上执行如下命令:
#/usr/sbin/config kernel_IPFW
执行结束后会出现如下提示:Kernel build directory is ../compile/kernel_IPFW Don`t forget to do a make depend`
#cd ../compile/kernel_IPFW
在这个地方注意一下，Freebsd 4.X版本是../../compile/kernel_IPFW，但Freebsd 5.0版本却是../compile/kernel_IPFW。
#make
#make install
Step2:开始编译内核
根据系统性能差异，时间也有不同，普通双P4 XEON 1GB内存的服务器大约5分钟左右即可完成。
四、加载启动项
编译完成了，我们要让系统自动启动IPFW并记录日志，需要进行如下操作:
Step1:编辑器编辑/etc/rc.conf
加入如下参数:
firewall_enable=`YES`
激活Firewall防火墙
firewall_script=`/etc/rc.firewall`
Firewall防火墙的默认脚本
firewall_type=`/etc/ipfw.conf`
Firewall自定义脚本
firewall_quiet=`NO`
启用脚本时，是否显示规则信息;假如你的防火墙脚本已经不会再有修改，那么就可以把这里设置成"YES"了。
firewall_logging_enable=`YES`
启用Firewall的Log记录
Step2:编辑/etc/syslog.conf文件
在文件最后加入如下内容:
!ipfw
*.* /var/log/ipfw.log
这行的作用是将IPFW的日志写到/var/log/ipfw.log文件里，当然，你也可以为日志文件指定其他目录。
以上步骤完成后重启电脑。
五、使用并保存规则
完成后，你就会发现你能用SSH登录你的远程服务器了。
Step1:测试
刚登录的时候你不会发现你的系统发生了什么变化，但你可以试试以下这个命令:#ipfw show，将输出以下结果:65535 322 43115 allow ip from any to any。它告诉我们，IPFW已经成功启用，而且允许任何的连接。
Step2:使用
在命令提示符下输入如下命令:#ipfw add 10001 deny all from 218.249.20.135 to any。
拒绝来自218.249.20.135的任何服务，执行完成后，你就会发现来自IP218.249.20.135的所有服务都会被拒绝。
Step3:保存
把这句代码加在/etc/rc.firewall文件里:ipfw add 10001 deny all from 218.249.20.135 to any，运行如下这个命令:#sh /etc/rc.firew
all
表示保存到rc.firewall里面时，不需要前面的#号，然后重新载入IPFW规则。
或者重启一次你的系统，你的IPFW就生效了，只要你不手动解除，来自218.249.20.135的所有信息全部都会被拒绝。
以动感下载系统为例:
打开文件 SoftDown.Asp 在：
if request.QueryString("ID")="" then
response.write "不能连接或者没有指定下载软件"
response.end
end if
的上面或者是下面加上下列代码
dim strReferer,domain,splDomain,isHttp
isHttp=false
'本站下载系统网址列表，不要带上http://
domain="sron.net,61.156.14.223,61.156.14.227"
splDomain=split(domain,",")
strReferer=Request.ServerVariables("HTTP_REFERER")
for iii = 0 to ubound(splDomain)
if instr(strReferer,trim(splDomain(iii)))>0 then isHttp=True
next
if isnull(strReferer) or isHttp=false then
Response.Write "下载链接来自其他网站，这是不允许的，<a href=""./"">请进入本站页面后再进行下载。</a>"
CloseDatabase
response.end
end if
本站下载系统网址列表 就是访问你下载频道网址里的域名，比如你的下载频道可以用多个网址来访问，所以这里用逗号隔开
很多人在用 Xwindow，但是他们是在用一些包装掩盖下的 Xwindow，那些包装有些很不稳定，占用大量资源，以至于有人说 Xwindow 是垃圾。其实 Xwindow 是一个非常出色的图形系统，你应该抱怨的是那些不稳定的包装，而不是 Xwindow 本身。
Xwindow 是非常巧妙的设计，很多时候它在概念上比其它窗口系统先进，以至于经过很多年它仍然是工作站上的工业标准。许多其它窗口系统的概念都是从 Xwindow 学来的。
Xwindow 可以说的东西太多了。下面只分辨一些容易混淆的概念，提出一些正确使用它的建议。
这是我被别人问了好多次的问题，我实在不想再对人说一遍了，所以写在这里偷个懒，嘿嘿。
很多熟悉 Internet 原理的人首次遇到 Xwindow 的这两个概念都会搞错。如果他从一台 Windows 机器上使用 Exceed 通过 XDMCP 登录到一台 Sun 服务器，他就说 Exceed 是客户端(client)，而 Sun 机器是服务器(server)。这就完全搞错了。
理解了 Xwindow 的工作原理，这个区别就会很明显。X server 不是指你登录的那台机器，而是指一个程序，它负责在某台机器上接受客户的要求，在屏幕上显示客户请求的图形，并且把消息(键盘，鼠标，窗口消息)通知客户程序。
比如上面例子里的 Exceed 就是一个 X server，它负责控制那台 Windows 机器上的显示(display)，Sun 机器上的程序，xterm, xxgdb, dtwm(CDE的窗口管理器)，……是客户程序。它们通常会使用 TCP 6000 号端口连接 Windows 机器，而Windows机器的 6000 号端口是由 Exceed bind 和 listen 的，怎么样，我们的 Internet 专家，Exceed 看起来是一个 server 吧 :)
比如，当你通过 telnet 启动 Sun 机器上的 xterm，就会在 Exceed 的屏幕上显示一个窗口。实际发生的事情是： xterm 请求连接 Windows 机器的 6000 号端口，与Exceed 跟 Exceed 连接，然后xterm请求得到资源，然后 xterm 请求在屏幕上显示一个窗口。
你在 xterm 的窗口里按下"A"键时，Exceed 会把这个事件通知 xterm 进程，然后 xterm 会发送数据报，请求 Exceed, "请在坐标(100,30)处显示一个字母A，然后在后面显示一个矩形作为光标。"，这样你的 xterm 窗口里就会多显示一个字母。
这下你理解了吗？不？那还是自己多用用，体会体会吧。
刚才那个 Exceed 用户，他的客户程序不仅可以运行在那台 Sun 机器上，而且可以运行在网络里其它的机器上，或者在本机上。比如他有可能同时通过 telnet 登录到几台 Sun 工作站，几台 Linux PC，他可以在那些机器上都起动 xterm，在这台 Windows 机器上的 Exceed 上显示。如果它安装了 cygwin，他还可以启动本机上的 cygwin里 的 xterm，用同样的方式显示。
如果他使用 xrdb 在本机的 Exceed 设置了 xterm 的样式，比如背景 midnightblue, 前景 白色，字体 -*-adobe-courier-*，……，那么，Sun, Linux, cygwin 里的 xterm，虽然没有经过配置，但是它们知道："这个 X server 要求我用这个背景色，这个前景色，这个字体……"，它们会在你的屏幕上显示同样风格的窗口。
使用鼠标选择一段字符，然后就可以在另外的程序里按鼠标中间，把字符粘贴过去。不论这个程序运行在哪里。
看看更大的一个图景：你的屏幕上有三台机器上的 xterm, 两台机器上的 gvim，两台机器上的 mozilla 在显示，而它们都受本机的 FVWM 操纵，它们之间可以随意进行拷贝粘贴…… 从这里你可以初步体会到 Xwindow 的网络透明性，它使你方便的操作很多机器。
很多人不知道窗口管理器是怎么回事。他们认为 Gnome 和 KDE 是窗口管理器，认为窗口管理器就是能够提供一个工具条，能够配置桌面背景，能够设置很多菜单的东西。而其实，窗口管理器只是 Gnome 和 KDE 的一部分，它的主要功能是你平时根本没有注意，但是却非常重要的操作。窗口管理器的主要功能是：移动窗口，改变窗口大小，图标化（最小化）窗口，改变窗口层叠顺序……
通常的X客户程序不需要知道有人想移动它，它只知道乖乖听窗口管理器的话。如果没有窗口管理器运行，你的程序会一个堆一个，你没有办法操纵被盖在下面的程序，你只能使用最上面一个程序，而且你不能移动它，你不能改变它的大小。这样的系统根本不能用！
其实你的窗口上的标题，按钮，漂亮的边框，全都是窗口管理器提供的，而不是程序自己的，这样你用窗口管理器就能改变任何窗口的样式了。当你点击关闭窗口的那个按钮，你其实点击的是窗口管理器放在你的程序窗口上面的一个小窗口，发现它受到点击后，窗口管理器就会通知那个程序："喂！有人想关掉你，你自己准备准备后事，然后退出吧。"
不同的机器在本机显示的窗口，由窗口管理器统一装饰和指挥。比如，窗口管理器决定： xterm 窗口上面都应该有四个按钮，一个在左边，点击它会显示窗口操作菜单，另外三个在右边，分别是最大化，最小化和关闭。窗口都使用 7pixel 厚的边框，窗口首次出现的时候首先在桌面上找一个空位置，如果找不到，就找一个能够最少的遮盖其它窗口的位置……
这些都是窗口管理器的职责。
有人把 Gnome 和 KDE 叫做窗口管理器，甚至还有人把它们叫做 Xwindow。经常看到有人问："装哪种 Xwindow 好啊？Gnome 还是 KDE？" 其实你不安装 Gnome 和 KDE 也可以使用 Xwindow.
Gnome 和 KDE 是"桌面系统"，一种很多程序和函数库的集合。它们的设计目的是提供一致的方便的操作方式来满足普通用户的需要。它们不但包含窗口管理器，还有很多实用程序和应用程序，比如配置程序，工具条，编辑器，绘图工具…… 其实 Gnome 可以和很多窗口管理器合作，在历史上，Gnome 使用过的窗口管理器包括 englightenment, sawmill, sawfish, metacity。KDE 的窗口管理器叫做 kwin。
你也知道，设计整整一套应用程序：编辑器，绘图程序，浏览器，…… 是非常不容易的。所以它们肯定是不如专用的编辑器，绘图程序，浏览器的。不过要求不太高的用户也可以用它们。
现在我们来做一个试验来引起你对 Xwindow 的兴趣。
很多人离开了 xdm 就不知道怎样启动 "Xwindow" 了。其实 Xwindow 的启动方式很简单。
首先，启动你的 X server。在 Linux 下，你可以直接输入 "X&"，让一个 X server 在后台运行。这样，一个占据整个屏幕的布满斜纹的窗口（根窗口）就出现了。如果是 Exceed 或者 X-win32，你需要把屏幕设置为 "single window" 才能看到这个窗口。
接着，Linux 用户需要用 xauth 给你的 X server 设置一个密码，这样别人就不能非法连接你的 X server。你需要Ctrl-Alt-F1切换到tty1才能输入这个命令。Exceed 和 X-win32 的用户不需要这步。以下的例子只用 Linux 作为实例，其它系统的用户可以依葫芦画瓢。
xauth add :0 . `mcookie`
好了，现在你可以试试启动一个 xterm 到这个 X server 上：
xterm -display :0
按 Alt-F7 切换到 X，你看到了一个不受窗口管理器管理的 xterm。试试移动它呢？再切换到 tty1 启动另一个 xterm，两个 xterm 重合了吗？你怎样在第一个 xterm 里输入呢？这样用起来很痛苦吧？那么你可以在 xterm 里启动一个窗口管理器，比如 twm，直接运行 "twm&" 就行了。
你发现xterm的窗口都被加上了标题栏，按钮和边框，你现在可以移动它们了。试试把 twm 杀死，看看那些标题栏，按钮，边框是不是都消失了？你知道了窗口管理器的作用了吧。
现在告诉你怎样不用 XDMCP broadcast，绕过 CDE 的登陆界面，而使用 Sun 机器上的 CDE。其实你只需要把刚才那个例子里的 "twm" 换成 CDE 的窗口管理器 dtwm 就行了，或者启动 dtsession。它们一般在 /usr/dt/bin 下。Sun 还有另外一个窗口管理器叫做 OpenLook, 它在系统里的名字叫做 olwm，你自己找找吧。
现在如果你自己在 Sun 机器上装一个 FVWM，你知道怎么绕过 CDE 登录而启动 FVWM 了吧？你不需要成为 root 就可以使用你喜欢的FVWM了。
弄明白 X 的工作原理后，你就可以使用 .Xdefaults 来配置你的程序了。有人不理解 .Xdefaults 是用来干什么的，喜欢用 shell alias 出一些带有很多参数的命令，或者写一些 shell script，里面只有一行带有很多参数的程序调用，然后他说：".Xdefaults 没用。"
其实 .Xdefaults 比起这些办法有很多好处。首先，几乎所有的 X 客户程序都可以从 .Xdefaults 文件得到配置信息，比如前景色，背景色，字体…… 这样你可以在同一个文件里配置所有 X 程序的样式，而不用写那么多 shell script。
另外，如果你用 xrdb .Xdefaults 把这些配置信息写入到根窗口的数据结构里，不是本地机器上的 X 程序也会遵守同样的样式。比如如果你的 .Xdefaults 里面有这些内容：
XTerm.background: midnightblue XTerm.foreground: white
然后你用 xrdb ~/.Xdefaults，那么所有的 xterm 都会使用 midnightblue 作为背景色，使用白色显示字符。这些配置，用X术语叫资源(resource)。
有时候你会开很多 xterm 窗口在机器上，它们来自不同的远程机器，这时候如果它们都用同样的样色和字体，你就不容易分辨它们了。比如有一天，我在实验室的PC机上打开了很多 xterm，它们来自本机，实验室的 Sun 服务器，我宿舍的机器和数据库实验室一台 HP 服务器。在我走之前，想关闭本地的机器，我输入 "shutdown -h now" 在一个我自认是本地的 xterm 上，结果，等了一会儿，我回头看到机器没关掉，只是那个 xterm 停止了响应。我一拍脑袋：糟了，我把宿舍的机器给关掉了！
为了避免这种情况，你可以在不同的机器上编辑不同的 .Xdefaults，而不使用 xrdb 在根窗口导入这些配置。这样不同的机器上的 xterm 使用不同的颜色，你就不容易搞错了。
哎哟！我本来想写很多东西，后来发现要需要写的实在太多了。我没那么多时间，没办法，给参考书目吧，你们自己去看。
学习使用 Xwindow 不是学习使用 Gnome，KDE，…… 很多书籍教用户怎样使用 Gnome, KDE 的菜单，配置程序…… 结果到了最后用户还是没能知道 Xwindow 是怎么回事。用那些菜单谁不会啊？真是浪费大家时间。
学习 Xwindow，其实最好的一个办法是看看 Xlib 编程的书籍，你可以在图书馆找到这样的书，我推荐 O'reily 的那本 Xlib 程序设计书（我忘了名字了），虽然它很老，但是那上面讲解的 Xwindow 的工作原理一直都没有变过。
如果你不会编程序，你可以不看编程的部分而得到很多深入的概念上的认识，比如窗口属性，字体，颜色，…… 这些东西在你使用 Xwindow 时会有很大帮助。如果你真的要编写 Xlib 程序，这本书就过时了一点，你最好到 www.x.org 去免费下载最新的 Xlib 手册来看。
工作与网页制作有关，最近整理了一些css的东西，发出来，希望有用。
重用:
经常会用到一些基本的式样叠加，比如字体的颜色和加粗。网页中可能同时出现三种情况：1.字体为红色 2.字体加粗 3.字体红色加粗
这时我们只需要定义前两个css：
.red{color:red;}
.b{font-weight:bold;}
第三种情况时用<div class="red b"></div>
基础篇：
一、三种样式选择器
属性选择器 p {color:red;}
类选择器 .p {color:red;}
ID 选择器 #p {color:red;}
二、transparent
Background:transparent; 防止定义背景被覆盖
三、Netscape4.X（ IE/WINDOWS4.0以前的版本）下错误的透明背景理解
Background:inhrit; 在netscape4.x下透明背景将被理解为黑绿
四、字体默认选择：
Body {font-family:"lucida Grande",Verdana,Lucida,Arial,Helvetica,sans-serif; }
按顺序调用不同平台的默认字体
五、如何解决旧浏览器不支持CSS的情况
使用群选择器 例如： p,td,ul,ol,li,dl,dt,dd {font-size:small;}
六、使用netscape4友好规则
Body {font-family:Verdana,sans-serif;}
p,td,ul,ol,li,dl,dt,dd {font-size:small;}
七、方法重载细节规则：
Body {font-family:Verdana,sans-serif;}
p,td,ul,ol,li,dl,dt,dd {font-size:small;}
p {font-family:times,"Times New Roman",serif;}
八、内容（派生）选择器
Li strong {font-style:italic; font-weight:normal }
例如：strong {color:red;} h2{color:red;} strong h2 {color:blue;}
例如：#sidebar {color:red} #sidebar p {color:blue;}
例如：.fancy {color:red;} .fancy p {color:blue;} / li.fancy {color:black;}
CSS 嵌入
一、 外联样式表：
<link rel="StyleSheet" href="/css/basic.css" type="text/css" media="all">
<style type="text/css" media="all>
@import url("/Styles/mystylesheet.css");
</style>
注意：使用 @import用来对 IE4.0以下浏览器进行屏蔽
二、 嵌入式样式表：
<head>
<style type="text/css" >
<!- -
Body {color:red;}
- ->
</style>
</head>
注意：为了IE3下访问站点，我们可以使用嵌入式样式表（建议在页面中使用内联成功后，剪切到外联样式表中）
CSS 混合布局应用
一、 Margin （框距）padding（边框距）
margin 属性设置顺序：上左下右
padding 属性设置顺序：上左下右
margin:25px 0 25px 0;
简写：margin:25px 0;
二、Display显示属性设置
（1）、 Display属性none (隐藏)
.alt {display:none;}
<span class="alt">Content List Part</span>
（2）、 Display属性block (块/ 区域)
Img {display:block;}
<img href="1.gif"></img>
块级元素：存在自身的"盒"中，后面跟随一个默认的回车
内联元素：是流的一部分，后面不跟随回车
（3）、 Display属性inline
区别block元素，使用 inline状态时，显示方式按照内联元素显示
三、 动态链接属性设置：
a:link {
font-weight : bold;
text-decoration : none;
color: #c30;
background: transparent;
}
a:visited {
font-weight : bold;
text-decoration : none;
color: #c30;
background: transparent;
}
a:hover {
font-weight : bold;
text-decoration : underline;
color: #f60;
background: transparent;
}
a:active {
font-weight : bold;
text-decoration : none;
color: #f90;
background: transparent;
}
（1） 文字修饰属性（text-decoration）
Text-decoration:underline overline none;
Underline: 链接时有下划线
Overline: 连接时有上划线
None: 连接时无下划线
（2） 动态连接属性顺序
（LVHA）－ LoVe－HA ！
（3） IE/WINDOWS 的伪装欺骗性
应避免使用a:active属性：出现 bug 连接会出现冻结现象
四、 如何设置行高（line-height）
Line-height:1.5;
五、 如何设置文章位置（text-align）
可选择属性（left middle right）
IE6/WINDOWS 的BUG会错误使文档居中
六、 对于字体的完整CSS应用
Font:13px/1.5 Georigia,"New Centeury Schoolbook",Times,serif;
七、 设置页面分界限
（1） vertical-align:middle; 等于 <td valign="middle"> 设置垂直对齐
（2） background:none 等于 background:url(images/1.gif) repeat;
八、 设置显示器设备
<style type="text/css" media="screen"> media 属性
使用HTML4.01 转换到XHTML1.0 过渡式transitional
（早期的基于Gecko核心的浏览器如： netscpae6.0 Mozilla1.0）
一、 在Gecko核心浏览器清除 CSS间隙
规则如下：
Img {display:block;} 使用块级元素清楚间隙
.inline {display:inline;} 使用内联元素显示方式
页面如下：
<img class="inline" alt="/" />
也可用
Td img {display:block;}
二、在 Gecko核心 img默认作为内联函数处理
在内联元素下方默认留有空白，这是为了给所包含的块下行字母流出的空间
盒模型、Bug 和工作区
CSS 四个区域：内容、边框距、边界和边距
在使用 CSS设置表格之前：
{width:400px; height:75px;}
错误的理解：表格面积＝ 400px; height:75px;
实际上 CSS设置的表格：
Width:400px height:75px 内容为 Content
那么整个盒的面积为： Content＋ padding*2+border*2
盒模式失效及解决办法：（IE4到 IE5.5/Windows）
正确理解盒模式的浏览器
（ IE6/WIN,IE5/MAC,Netscpae6+,Mozilla,Chimera,Kmeleon,Opera5+ ）
Float 漂浮属性用来使用在两在不同ID选择器中相连
{float:left;}
对于使用 padding的表格将使用以下解决方法：
Oprea 友好规则（Box 盒状模型）
解决办法：
#nav
{
width:151px;/* False value for IE4-5.x/Win */
voice-family:"\"}\"";
voice-family:inherit;
width:100px; /* Actual value for conformant browsers */
}
html>body #nav {
width:100px;/* be nice to Opera */
}
IE 上的空白Bug
解决方法：缩进代码， <td><a href="#foo"><img src="1.gif" alt="/" /></a></td>
IE6/Windows 上的漂浮Bug
解决办法：使用 JavaScript id名称： content
If (document.all && window.attachEvent)
Windows.attachEvent ("onload",fixWinIE);
Fuction fixWinIE() {
If (doucument.all.cotent.offsetHeight ) {
Doucument.all.content.style.display= "block";
}
}
嵌入Flash 的Bug ：
解决办法：在 XHTML中嵌入以下代码：
<object type:"application/x-shockwave-flash" data="movie.swf"
Width="400px" height="300px">
<parma name="movie" value="movie.swf">
</object>
Flash 空白故障（IE/WIN 5,5.5,6 Version ）
解决办法：使用 JavaScript的 doucuemnt来欺骗效验系统
<script type="text/javascript">
//[CDATA[
If (navigator.mimeTypes && navigator.mimeTypes ["application/x-shockwave-flash"]){
Doucument.write ('<object src="/media/yourflashmovie.swf"……</object>);
}
关键字Fahrner 方法：（IE5.x/Winodws 提供伪关键字号）
解决办法：
P {
font-size:x-small;
/* flase value for WinIE4/5 */
Voice-family:"\"}\"";
/* trick WinIE4/5 into thinking the rule is over */
Voice-familt:inherit;
/* recover from trick */
Font-size:small;
/* intended value for better browsers */
}
Html>p {
font-size:small;
/* be nice to opera */
}
区别alt 属性与title 属性
Alt: 注释文档不显示
Title: 显示文档不注释
提高可访问性（WAI 与508 条款）
Bobby 的可访问性测试
能帮助你使网页适应 WAI或 508条款
为非鼠标用户提供一个选择
解决办法：使用 JavaScript
<form action="fooaction">
<input type="button" onclick="setActiveStyleSheet('default');
Return false; onkeypress="setActiveStyleSheet('default');
Return false; />
Onkeypress 对于非鼠标用户就相当于onclick
对于不能使用JavaScript 的用户
<noscript>
<p class="vs15"><a href="/daily/1.html"></a></p>
</noscript>
Tabindex 属性提供连接到属性的快捷方法
使用 Tab换档键的屏幕阅读器，可迅速查询相关内容
区域显示和隐藏效果
解决办法：
http://www.zeldman.com/j/nu.js
Function toggle (targeted ) {
If (doucument.getElementById ) {
Targeted = doucument.getElementById (targeted);
If (target.style.display = "";
} else {
Target.style.display = "none";
}
Xhtml 部分：
<p><a href="/" onclick="toggle ('outside 2') ;return false;" onmouseover="changeImages
('ch','/i/p/cho.gif ');return ture;
Title="hide or show Relevant Externals (below)."> Toggle Externals </a></p>
定义CSS规则：
<dl id="outside2" style="display:none;">
<dt>Relevant Externals:</dt>
<dd><a href= http://www.somesite.com titile="Description" >Site NameS</a></dd>
我们把规则写入CSS外联表中
#outside2 {
Display:block;
}
如果你需要一个元素在页面中是不可见的但仍需其占据空间
解决办法：visibility:hidden;
动态菜单（下拉和展开）
下拉式菜单解决办法：http://www.gazingus.org/html/menuDropdown.html
展开式菜单解决办法：http://www.gazingus.org/html/menuExpandable2.html
不支持Javascritp 脚本的浏览器，如何实现正常浏览
解决办法：在<head></head>之间插入
<script type="text/javascritp">
<!-- //
If (!doucument.getElementById) {
Window.location = http://www.somesite.com/somepage/
}
当浏览器不支持 Javascript时， window.location将跳转到一个提示页面或者是一个不需要Javascript 脚本的纯网页
