家庭|亲人|朋友|生活|工作|徐勖的blog
家庭|亲人|朋友|生活|工作|徐勖的blog
一个打工仔
文章
中断远程桌面连接.远程计算机已经结束连接解决
windows系统的远程桌面一直是企业网络管理员的得力助手，很多网络管理员通过远程桌面管理服务器和有特殊角色的员工计算机。远程桌面的使用非常简单，通过远程桌面连接程序访问目标计算机，输入用户名和密码后登录成功后就和使用自己的计算机一模一样了。不过最近笔者在对一台XP系统计算机进行管理时，却出现了无法正常连接的问题。最后通过查询资料解决了此问题，在此写出来给各位IT168的读者，希望大家在遇到同样问题时能够快速解决。
一、远程桌面连接故障现象：
笔者刚刚安装完一台员工计算机，该计算机操作系统是windows XP，领导决定以后这台计算机就担任公司数据存放工作，所以日后需要对其进行远程管理操作。所以笔者也像往常一样，开启了该系统的远程桌面连接功能。谁知道在网络中的其他计算机通过远程桌面连接程序访问时却出现了“中断远程桌面连接，远程计算机已结束连接”的提示，也就是说能够连接上但是马上中断，根本没有给予输入管理员用户名和密码的时间。（如图1）
 |
| 图1 点击看大图 |
二、解决问题：
既然可以连接到该计算机，只是马上中断。笔者怀疑是否在远程桌面登录时是默认使用当前帐户的，所以将自己的计算机帐户和密码设置为和远程那台计算机一致，谁知道问题依旧。看来故障应该是该计算机远程桌面服务本身的设置问题。笔者在网上寻求帮助，终于发现了问题的所在。
第一步：通过“开始->运行->输入regedit”，打开注册表编辑器。
第二步：打开注册表后找到[HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Enum\Root\RDPDR键值，在左侧的RDPDR上点鼠标右键，选择“权限”。（如图2）
 |
| 图2 点击看大图 |
第三步：在弹出的对RDPDR设置权限窗口后，将everyone组添加到完全控制权限，如果你只想让某个特定的用户远程管理该计算机的话，将该帐户添加到权限设置窗口中即可，记住一定要给予“完全控制”权限。（如图3）
 |
| 图3 |
 |
| 图4 点击看大图 |
Windows Registry Editor Version 5.00
[HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Enum\Root\RDPDR\0000]
"ClassGUID"="{4D36E97D-E325-11CE-BFC1-08002BE10318}"
"Class"="System"
"HardwareID"=hex(7):52,00,4f,00,4f,00,54,00,5c,00,52,00,44,00,50,00,44,00,52,\
00,00,00,00,00
"Driver"="{4D36E97D-E325-11CE-BFC1-08002BE10318}\\0030"
"Mfg"="(标准系统设备)"
"Service"="rdpdr"
"DeviceDesc"="终端服务器设备重定向器"
"ConfigFlags"=dword:00000000
"Capabilities"=dword:00000000
第五步：接下来我们双击运行保存后的注册表文件111.reg，当出现“注册表导入成功”的提示后说明我们操作正确。（如图5）
 |
| 图5 |
第六步：再通过“开始->运行->输入services.msc”，打开服务管理窗口，找到名为“Remote Desktop Help Session Manager ”和“Telnet”的服务(找不到Telent时，也可以不启用。但Remote Desktop Help Session Manager 一定要启动才可以)。（如图6）
 |
| 图6 点击看大图 |
第七步：在这两个服务名称上点鼠标右键选择“启动”，将服务开启。（如图7）
 |
| 图7 点击看大图 |
第八步：重新启动计算机后我们再通过远程桌面连接程序访问此台计算机就不会再出现任何问题了，程序自动进入输入管理员帐号和密码的步骤。（如图8）
 |
| 图8 点击看大图 |
至此我们通过启动服务和导入注册表，以及修改注册表键值使用权限三个步骤完成了解决一连接远程桌面程序就中断的故障，我们又可以轻松正常的使用远程管理程序操纵网络另一端的计算机了。
总结：
这个故障实际上是因为在安装操作系统时，使用了精简版XP GHOST或网络流传的XP万能GHOST造成的，在这些GHOST中默认将远程桌面程序关闭了，并对一些必要的注册表键值使用权限进行了修改。虽然对于普通家庭个人用户来说能够提高安全，防止非法用户通过远程桌面连接计算机，但是对企业来说则会带来一定的不方便。所以笔者建议各位网络管理员在以后安装员工计算机操作系统时，尽量选择那些没有精简过的XP GHOST或者直接使用系统光盘进行安装，毕竟GHOST在使用上或多或少存在一定的问题。
看看自己在古代的地位法(搞笑)
把自己的名字 例如：“王二小”=“WEX”=“大理白痴诗人” 附：从姓氏开始找，再往下找名。若是只有两个字的，便从“姓氏”与“结字”中各找一个。 若是三个字的，便先从“姓氏”找起，再往下找两个名；姓名后两个字是重复的就在“结字”中取一。 复姓者在姓氏中取2字。 代码在下面
姓氏： A:曹魏B:东吴C:蜀汉D:土番E:大秦F:大金G:大明H:鲜卑J:晚清:k西周L:赵国M:大辽N:西夏O:大宋P:中山国Q:东晋R:羌族S:明国T:齐国W:大理X:冉魏Y:南唐Z:蒙古
中字： A:阴损B:绝顶C:猥琐D:豪门E.白痴F:天才G:狗屎H:无敌J:英勇:k狗头L:无双M:饭桶N:变态O:阴暗P:嗜血Q:旷世R:脓包S:血手T:Y DW:暴力X:坏鬼Y:粗旷Z:逍遥
结字： A:道士B:和尚C:财主D:屠夫E:马夫F:嫔妃G:小兵H:刀客J:卫士:k农夫L:将军M:教头N:书生O:乞丐P:皇帝Q:丞相R:狗腿S:佳人T:土匪W:老鸨X:诗人Y:名妓Z:名士
诺顿网络安全特警2006激活后，需要再次激活解答！！
我相信很多人和我一样，用过诺顿网络安全特警2006，是不是通过升级后，被系统锁住需要重新激活了，有很多人为此还重新安装系统了。今天我为大家介绍一种好的方法，希望对大家有帮助，目前我也是用这种方法在使用诺顿网络安全特警2006。
过去的那些激活方法现在已经失效了，因为诺顿在升级里面加了个正版验证，现在好像没啥破解的。二月份就有过一次，估计以后隔一段就会来一次验证。
想升级的话就得关闭自动升级，手动升级时把升级项目里的Symantec Security Software Update一项去掉，还听说一个彻底解决的办法，不知道有没有用，可以试一下啊
Norton Internet Security资源更新后导致不能激活，主要是替换了已激活的Norton Internet Security里的两个文件：
C(X):\Program Files\Norton Internet Security\ISSTE.dll
C(X):\Program Files\Norton Internet Security\SymUIHlp.dll
这两个文件的原来的版本是6.0.0.81。（各版本略不同）
而被Norton Internet Security资源更新后导致不能激活主要原因是这两个文件被替换了，版本号变成了6.0.1.95。从发行日期上看，上次2月份导致大家不能激活的也应该是这两个新版本的文件。从现在的趋势上看，Norton打算每个月不定期的发布Norton Internet Security资源更新来打击盗版，就导致这部分用户不停的重装Norton Internet Security，比较麻烦。
现在大家不用重装了，如果你的Norton Internet Security不能激活，首先要找到安装程序——镜像文件或安装盘均可。到以下文件夹找到那两个文件。
XP/2000系统
X（虚拟光驱或安装盘）:\WINNT\Setup\Setup\APP\ISSTE.dll
X（虚拟光驱或安装盘）：\WINNT\Setup\SymLT\SymUIHlp.dll
9X 系统
X（虚拟光驱或安装盘）:\WIN9X\Setup\Setup\APP\ISSTE.dll
X（虚拟光驱或安装盘）：\WIN9X\Setup\SymLT\SymUIHlp.dll
复制ISSTE.dll和SymUIHlp.dll，放到别的地方保存起来。
请进入安全模式，复制原来保存的那两个文件（版本是6.0.0.81），粘贴到安装目录如C:\Program Files\Norton Internet Security\中替换掉导致不能激活的那两个文件（版本号6.0.1.95），重启，进入系统，马上打开Norton Internet Security，在定购服务状态选项中单击激活。激活！！！之后LiveUpdate，发现已经不会出现Norton Internet Security资源更新，显示已经是全部更新。看来软件已经通过了每月一次的生死关。
当然可以通过手动LiveUpdate来达到不更新“Norton Internet Security资源更新”的目的，但是Norton就不是绝对安全了，通过以上方法，可以安然面对频繁的盗版大检查。
激活后可能导致电子邮件扫描错误，重启后可解决。”
好了，大家现在是不是能用了，如果大家有好的方法请说出来交谈一下哦！！
过去的那些激活方法现在已经失效了，因为诺顿在升级里面加了个正版验证，现在好像没啥破解的。二月份就有过一次，估计以后隔一段就会来一次验证。
想升级的话就得关闭自动升级，手动升级时把升级项目里的Symantec Security Software Update一项去掉，还听说一个彻底解决的办法，不知道有没有用，可以试一下啊
Norton Internet Security资源更新后导致不能激活，主要是替换了已激活的Norton Internet Security里的两个文件：
C(X):\Program Files\Norton Internet Security\ISSTE.dll
C(X):\Program Files\Norton Internet Security\SymUIHlp.dll
这两个文件的原来的版本是6.0.0.81。（各版本略不同）
而被Norton Internet Security资源更新后导致不能激活主要原因是这两个文件被替换了，版本号变成了6.0.1.95。从发行日期上看，上次2月份导致大家不能激活的也应该是这两个新版本的文件。从现在的趋势上看，Norton打算每个月不定期的发布Norton Internet Security资源更新来打击盗版，就导致这部分用户不停的重装Norton Internet Security，比较麻烦。
现在大家不用重装了，如果你的Norton Internet Security不能激活，首先要找到安装程序——镜像文件或安装盘均可。到以下文件夹找到那两个文件。
XP/2000系统
X（虚拟光驱或安装盘）:\WINNT\Setup\Setup\APP\ISSTE.dll
X（虚拟光驱或安装盘）：\WINNT\Setup\SymLT\SymUIHlp.dll
9X 系统
X（虚拟光驱或安装盘）:\WIN9X\Setup\Setup\APP\ISSTE.dll
X（虚拟光驱或安装盘）：\WIN9X\Setup\SymLT\SymUIHlp.dll
复制ISSTE.dll和SymUIHlp.dll，放到别的地方保存起来。
请进入安全模式，复制原来保存的那两个文件（版本是6.0.0.81），粘贴到安装目录如C:\Program Files\Norton Internet Security\中替换掉导致不能激活的那两个文件（版本号6.0.1.95），重启，进入系统，马上打开Norton Internet Security，在定购服务状态选项中单击激活。激活！！！之后LiveUpdate，发现已经不会出现Norton Internet Security资源更新，显示已经是全部更新。看来软件已经通过了每月一次的生死关。
当然可以通过手动LiveUpdate来达到不更新“Norton Internet Security资源更新”的目的，但是Norton就不是绝对安全了，通过以上方法，可以安然面对频繁的盗版大检查。
激活后可能导致电子邮件扫描错误，重启后可解决。”
好了，大家现在是不是能用了，如果大家有好的方法请说出来交谈一下哦！！
我的广东韶关之行
我于2006年3月26日坐T89到韶关
当地人对于外面来的人不是很热情，只有少数人表现的热情点；不论是饭店或是其它的行业，人们的脸上的笑不多。并且我发现那里的网吧好少啊，也许是我走的地方太少了吧
住的是粤北酒店(二星级)双人标间没有热水，40/天
那里没有什么本地的著名特产
不过我发现，广东人至少是韶关人很爱茶。到处都是卖茶的。还有就是到了“一市场”，那里有好多卖海产干货的。还有不少卖烟丝的，我也弄了点。
在韶关最让我在难忘的是广东韶关的“叉烧饭”真是太好吃了
用一个盘子盛一盘饭，在上面铺上青青的空心菜和焦黄脆嫩叉烧肉(肉有一点发甜，做的外焦里嫩)，还每人送了一碗雪菜饨鸡汤，加在一起真是太好吃了!!!!!!!!!
现在我所用的个人照片，就是在广东北江所照。
让收费网站见鬼去吧
让收费网站见鬼去吧内 容：打开百度，在关键词输入框中输入"index of" / rmvb，回车搜索，得到了一些网页，不要以为这是一些普通的页面，其实它们是一些影视网站的资源列表，使用其他关键字可能得到更多的资源
在搜索框上输入："index of /"cnki
再按搜索你就可以找到许多图书馆的CNKI、VIP、超星等入口！
在搜索框上输入："index of /" ppt
再按搜索你就可以突破网站入口下载powerpint作品
在搜索框上输入："index of /"mp3
再按搜索你就可以突破网站入口下载mp3、rm等影视作品
在搜索框上输入："index of /"swf
再按搜索你就可以突破网站入口下载flash作品
在搜索框上输入："index of /"加上要下载的软件名
再按搜索你就可以突破网站入口下载软件
到这里，大家也许都明白了，其实就是"index of /"这个关键词在起的作用，使用它可以直接进入网站首页下的所有文件和文件夹中，不必在通过HTTP的网页形式了，从而避免了那些网站的限制，作到了突破限制下载
linux
linux下不缺乏好的下载工具,是你少见多怪而已。而且速度不只跟软件有关，还有许多其它因素。我曾经用过许多windows下的P2P软件，象poco，emule，但在windows下太耗资源，现在下东东一般是在linux里，BT工具有bittornado、bittorrent、azureus、电驴有amule、xmule。
举一反三 浅谈在网页上显示日期的两种方法
网的时候，经常会在一些网页上看到当前的日期，如：“今天是×年×月×日星期×”等字样。为了显示系统当前的日期，一般采用脚本语言VBScript或JavaScript，两种语言有其各自的特点，特别在网页教学中，通过这两种语言的运用和对比，能达到较好的教学效果，更能达到举一反三的作用，现分别介绍它们的设计过程。
一、采用VBScript脚本语言
用VBScript脚本语言来显示系统当前的日期，通常使用其内部提供的日期和时间函数：
Date——返回系统日期
Weekday(x)——返回日期x是星期几
Year(x)——返回日期x的年份
Month(x)——返回日期x的月份
Day(x)——返回日期x的日期
二、采用JavaScript脚本语言
用JavaScript脚本语言来显示系统当前的日期，通常使用其内部提供的Date对象，该对象可以用来处理有关日期和时间的操作。利用Date对象中以下几个方法来显示日期：
getDate()——获得当前的日期
getDay()——获得当前的星期
getMonth()——获得当前的月份
getYear()——获得当前的年份
设计时进入HTML编辑方式，在需要显示日期的位置插入如下代码：
以上两种方法都能显示系统当前的日期，它们各具特色，各有所长。很显然，VBScript和JavaScript脚本语言在格式上有明显的差别，初学者很容易将它们混淆，造成程序在格式上的严重错误。
笔者认为，在网页设计中，脚本语言的运用是一大难点，所以，在教学中，让学生分别用以上两种方法去制作，让他们自己去区分两种语言的异同点，亲自去体会、理解脚本语言的妙用。这样对学生灵活运用脚本语言将有很大的帮助，从而提高他们语言分析的能力，也提高他们学习网页的兴趣，进而取得更好的教学效果。
一、采用VBScript脚本语言
用VBScript脚本语言来显示系统当前的日期，通常使用其内部提供的日期和时间函数：
Date——返回系统日期
Weekday(x)——返回日期x是星期几
Year(x)——返回日期x的年份
Month(x)——返回日期x的月份
Day(x)——返回日期x的日期
二、采用JavaScript脚本语言
用JavaScript脚本语言来显示系统当前的日期，通常使用其内部提供的Date对象，该对象可以用来处理有关日期和时间的操作。利用Date对象中以下几个方法来显示日期：
getDate()——获得当前的日期
getDay()——获得当前的星期
getMonth()——获得当前的月份
getYear()——获得当前的年份
设计时进入HTML编辑方式，在需要显示日期的位置插入如下代码：
以上两种方法都能显示系统当前的日期，它们各具特色，各有所长。很显然，VBScript和JavaScript脚本语言在格式上有明显的差别，初学者很容易将它们混淆，造成程序在格式上的严重错误。
笔者认为，在网页设计中，脚本语言的运用是一大难点，所以，在教学中，让学生分别用以上两种方法去制作，让他们自己去区分两种语言的异同点，亲自去体会、理解脚本语言的妙用。这样对学生灵活运用脚本语言将有很大的帮助，从而提高他们语言分析的能力，也提高他们学习网页的兴趣，进而取得更好的教学效果。
网页表格深层探密
网页制作中表格扮演了很重要的角色。你是否知道，表格还有很多的秘密呢？通过与Javascript、CSS等的结合，表格还有很多巧妙的用处。
1、用表格做流动分割线
<Script>
")
function f1(y){for(i=0;i<40;i++){c=(i+y)%20;if(c>10)c=20-c
document.all["a_mo"+(i)].bgColor="'#00"+l[c]+l[c]+"00'"}y++
setTimeout('f1('+y+')',1)}f1(1)
</Script>
我们知道，在网页中可以用<hr>标识来做分割线，也可以把表格设置为1个象素高或宽充当分割线。现在，我们将表格与Javascript结合，可以做出更生动的分割线——流动的分割线。加入以下代码，你就可以看到一条分割线，颜色在不断的流动。
<script>
l=Array(6,7,8,9,'a','b','b','c','d','e','f')
t="<table height=2 width=60% cellspacing=0 cellpadding=0><tr>"
for(x=0;x<40;x++){t+="<td id=a_mo"+x+"></td>"}
document.write(t+"</tr></table>")
function f1(y){for(i=0;i<40;i++){c=(i+y)%20;if(c>10)c=20-c
document.all["a_mo"+(i)].bgColor="'#00"+l[c]+l[c]+"00'"}y++
setTimeout('f1('+y+')',1)}f1(1)
</script>
在上面的代码中，我们可以通过修改<table>标识中的height和width设置分割线的高度和长度。
2、带滚动条的表格
看看图一的效果，可千万不要以为是IFRAME，这可是地地道道的表格！其实，这是表格和CSS结合的效果。当网页上有大段文字要显示，而又没有足够的空间时，这就派上用场了。虽然用文本框也可以实现类似效果，但却远没有用表格灵活。代码很简单，只要在单元格<td>标识后加上如下代码就可以了：
<div style="overflow:auto;height:200;">
当然，对应的在单元格结束</td>标识前加上</div>。我们可以更改height的值，来修改显示文段区域的高度。如以下的示例，就实现了图示的效果。
<table width="260" border="0">
<tr><td bgcolor="#999999"><font color="#FFFFFF"><b>标题</b></font></td></tr>
<tr><td bgcolor="#CCCCCC">
<div style="overflow:auto;height:160;">
这里输入文段的内容。
</div>
</td></tr>
</table>
3、带标题的表格
看看图二的效果。通常，我们要给表格加标题，不是用单元格的方法就是用图片，很麻烦。其实，我们可以只用很一些很简单的HTML标识，就可以轻松实现给表格加标题了。这个标识似乎已被人遗忘，很少看到使用，不过它实现的效果还是很不错的。下面就来看看如何实现：
<fieldset style="width:220" align="center">
<legend>这里是表格的标题</legend>
这里添加表格中的内容
</fieldset>
几行代码就可以搞掂了！修改width值可以设置表格宽度。<legend>和</legend>之间是表格的标题，你可以设置表格标题的颜色、大小等，甚至是加上个链接。</legend>标识之后，就可以任意添加表格中的内容了，同样也可以添加任意的内容，如文字、表格、图片等
1、用表格做流动分割线
<Script>
| <>"} |
function f1(y){for(i=0;i<40;i++){c=(i+y)%20;if(c>10)c=20-c
document.all["a_mo"+(i)].bgColor="'#00"+l[c]+l[c]+"00'"}y++
setTimeout('f1('+y+')',1)}f1(1)
</Script>
我们知道，在网页中可以用<hr>标识来做分割线，也可以把表格设置为1个象素高或宽充当分割线。现在，我们将表格与Javascript结合，可以做出更生动的分割线——流动的分割线。加入以下代码，你就可以看到一条分割线，颜色在不断的流动。
<script>
l=Array(6,7,8,9,'a','b','b','c','d','e','f')
t="<table height=2 width=60% cellspacing=0 cellpadding=0><tr>"
for(x=0;x<40;x++){t+="<td id=a_mo"+x+"></td>"}
document.write(t+"</tr></table>")
function f1(y){for(i=0;i<40;i++){c=(i+y)%20;if(c>10)c=20-c
document.all["a_mo"+(i)].bgColor="'#00"+l[c]+l[c]+"00'"}y++
setTimeout('f1('+y+')',1)}f1(1)
</script>
在上面的代码中，我们可以通过修改<table>标识中的height和width设置分割线的高度和长度。
2、带滚动条的表格
看看图一的效果，可千万不要以为是IFRAME，这可是地地道道的表格！其实，这是表格和CSS结合的效果。当网页上有大段文字要显示，而又没有足够的空间时，这就派上用场了。虽然用文本框也可以实现类似效果，但却远没有用表格灵活。代码很简单，只要在单元格<td>标识后加上如下代码就可以了：
<div style="overflow:auto;height:200;">
当然，对应的在单元格结束</td>标识前加上</div>。我们可以更改height的值，来修改显示文段区域的高度。如以下的示例，就实现了图示的效果。
<table width="260" border="0">
<tr><td bgcolor="#999999"><font color="#FFFFFF"><b>标题</b></font></td></tr>
<tr><td bgcolor="#CCCCCC">
<div style="overflow:auto;height:160;">
这里输入文段的内容。
</div>
</td></tr>
</table>
3、带标题的表格
看看图二的效果。通常，我们要给表格加标题，不是用单元格的方法就是用图片，很麻烦。其实，我们可以只用很一些很简单的HTML标识，就可以轻松实现给表格加标题了。这个标识似乎已被人遗忘，很少看到使用，不过它实现的效果还是很不错的。下面就来看看如何实现：
<fieldset style="width:220" align="center">
<legend>这里是表格的标题</legend>
这里添加表格中的内容
</fieldset>
几行代码就可以搞掂了！修改width值可以设置表格宽度。<legend>和</legend>之间是表格的标题，你可以设置表格标题的颜色、大小等，甚至是加上个链接。</legend>标识之后，就可以任意添加表格中的内容了，同样也可以添加任意的内容，如文字、表格、图片等
SSI全攻略-网站shtml文件是什么?
SSI（Server Side Include)，通常称为服务器端嵌入，是一种类似于ASP的基于服务器的网页制作技术。大多数（尤其是基于Unix平台）的WEB服务器如Netscape Enterprise Server等均支持SSI命令。
SSI工作原理：
在一个通常以.shtml为扩展名的SSI文件中，标准的HTML编码会被直接送到浏览器上，而内嵌Perl语言形式的SSI命令则先被网络服务器解释执行，如果是标准输出的话，输出信息也将作为标准的HTML而被送至浏览器。
SSI简单应用实例： 〈html〉
〈head〉〈title〉my first SSI page〈/title〉〈/head〉
〈body〉
欢迎您（于〈!－－＃ echo var="date_local" －－〉）访问本网站。
〈/html〉 标记在上面文档中的“〈!－－＃ －－〉”结构表明了SSI命令会被服务器翻译执行，而不是直接送到客户端。我们可以在浏览器中用“查看→源文件"观察源代码：
〈html〉
〈head〉〈title〉my first SSI page〈/title〉〈/head〉
〈body〉
欢迎您（于dec 06 1999）访问本网站。
〈/html〉
我们发现，文档中的html被直接传到了客户端，而SSI命令得到了执行。SSI代码在客户端是不可见的，客户端只能看到它执行的效果。
一个比较实用的例子
网站维护常常碰到的一个问题是，网站的结构已经固定，却为了更新一点内容而不得不重做一大批网页。SSI提供了一种简单、有效的方法来解决这一问题，它将一个网站的基本结构放在几个简单的HTML文件中（模板），以后我们要做的只是将文本传到服务器，让程序按照模板自动生成网页，从而使管理大型网站变得容易。如：
〈html〉
〈head〉〈title〉SSI example〈/title〉〈/head〉
〈body〉
〈h2〉新闻〈/h2〉
〈p〉〈!－－＃ include file="news.txt" －－〉
〈p〉新闻更新日期：〈!－－＃ flastmod file="news.txt" －－〉
〈/body〉
〈/html〉
将频繁的更新内容放在news.txt中，SSI会通过 include 指令将其内容包含到输出的网页中。通过 flastmod 指令可在网页中显示new.txt的最近一次更改日期。
构建学习SSI的环境
支持SSI的web server 很多，如可以选用omnihttpd profeSIonal， 这是一款win 95/98平台下的支持SSI的web服务器。可直接从http://www.omnicron.ab.ca/httpd/下载这一共享软件。 1.#echo 作用：将环境变量插入到页面中。语法： <!--#echo var=”变量名称”--> 示例：本文档名称：<!--#echo var=”DOCUMENT_NAME”--> 现在时间：<!--#echo var=”DATE_LOCAL”-->
你的IP地址是：<!--#echo var=”REMOTE_ADDR”--> 可在SSI中使用的变量： 1．只有SSI中能使用的变量。2．标准CGI变量3．某些服务器支持的变量 ①下面是在标准SSI支持的变量：变量名称作用示例 1 DOCUMENT_NAME 当前文档名 echo.html 2 DOCUMENT_URL 或DOCUMENT_URI 当前文档相对URL /ssi/echo.html 3 QUERY_STRING_UNESCAPED
或QUERY_STRING 所发送的查询字符串 sample 4 DATE_LOCAL 服务器中当前日期 Sun, 23 May 1999 21:54:30 5 DATE_GMT 以格林威冶时间设置的服务器时间 Sun, 23 May 1999 13:54:30 6 LAST_MODIFIED 当前文档最后修改时间 23-May-1999 PST ②标准的CGI变量
WEB上关于CGI环境变量测试的示例： LINUX下Apache：http://hoyi.zb169.net/cgi-bin/hiecho.cgi?sample
Freebsd下Apache: http://hoyi.onlineexpress.net/cgi-bin/hiecho.cgi?sample CGI环境变量名称作用示例 1 AUTH_TYPE 用户所使用的身份验证类型 2 CONTENT_LENGTH 服务器输出文本长度 0 3 HTTP_ACCEPT 客户机可接受的MIME类型 application/vnd.ms-excel, application/msword, */* 4 HTTP_USER_AGENT 客户机浏览器配置状况 Mozilla/4.0 (compatible; MSIE 4.01; Windows 98) 5 GATEWARY_INTERFACE 服务器所使用的 CGI 规范的修正版 CGI/1.1 6 PATH_INFO 客户端给出附加路径信息 7 PATH_TRANSLATED PATH_INFO 的值，但带有扩展为某个目录规范的虚拟路径 /v/spool/webadm/html 8 QUERY_STRING 在引用该脚本的 URL 中跟在问号 (?) 后面的信息 Sample 9 REMOTE_ADDR 客户机IP地址 202.103.27.103 10 REMOTE_HOST 客户机名称 11 REQUEST_METHOD HTTP请求方法 GET 12 SCRIPT_NAME 当前脚本名称 /cgi-main/cgiwrap/hoyi/hiecho.cgi 13 SERVER_NAME 服务器名称或IP地址 hoyi.zb169.net 14 SERVER_PORT 服务器接请求的TCP/IP端口 80 15 SERVER_PROTOCOL 与请求有关的信息检索协议的名称与版本，通常为 HTTP/1.0 HTTP/1.1 16 SERVER_SOFTWARE 响应请求的 Web 服务器软件的名称和版本 Apache/1.3.6 (Unix) 2、#include 作用：将文本文件的内容直接插入到文档页面中。语法：
<!--#include file=”文件名称”--> <!--#include virtual=”文件名称”--> file 文件名是一个相对路径，该路径相对于使用 #include 指令的文档所在的目录。被包含文件可以在同一级目录或其子目录中，但不能在上一级目录中。如表示当前目录下的的nav_head.htm文档，则为file=”nav_head.htm”。 virtual 文件名是 Web 站点上的虚拟目录的完整路径。如表示相对于服务器文档根目录下hoyi目录下的nav_head.htm文件；则为file=”/hoyi/nav_head.htm” 参数： file 指定包含文件相对于本文档的位置 virtual 指定相对于服务器文档根目录的位置注意： 1、文件名称必须带有扩展名。 2、被包含的文件可以具有任何文件扩展名，我觉得直接使用htm扩展名最方便，微软公司推荐使用 .inc 扩展名（这就看你的爱好了）。示例： <!--#include file=”nav_head.htm”-->将头文件插入到当前页面 <!--#include file=”nav_foot.htm”-->将尾文件插入到当前页面 2、#include 作用：将文本文件的内容直接插入到文档页面中。语法：
<!--#include file=”文件名称”--> <!--#include virtual=”文件名称”--> file 文件名是一个相对路径，该路径相对于使用 #include 指令的文档所在的目录。被包含文件可以在同一级目录或其子目录中，但不能在上一级目录中。如表示当前目录下的的nav_head.htm文档，则为file=”nav_head.htm”。 virtual 文件名是 Web 站点上的虚拟目录的完整路径。如表示相对于服务器文档根目录下hoyi目录下的nav_head.htm文件；则为file=”/hoyi/nav_head.htm” 参数： file 指定包含文件相对于本文档的位置 virtual 指定相对于服务器文档根目录的位置注意： 1、文件名称必须带有扩展名。 2、被包含的文件可以具有任何文件扩展名，我觉得直接使用htm扩展名最方便，微软公司推荐使用 .inc 扩展名（这就看你的爱好了）。示例： <!--#include file=”nav_head.htm”-->将头文件插入到当前页面 <!--#include file=”nav_foot.htm”-->将尾文件插入到当前页面 4.#exec 作用：将某一外部程序的输出插入到页面中。可插入CGI程序或者是常规应用程序的输入，这取决于使用的参数是cmd还是cgi。语法：语法：
<!--#exec cmd=”文件名称”--> <!--#exec cgi=”文件名称”--> 参数： cmd 常规应用程序 cgi CGI脚本程序示例： <!--#exec cmd=”cat /etc/passwd”-->将会显示密码文件 <!--#exec cmd=”dir /b”-->将会显示当前目录下文件列表 <!--#exec cgi=”/cgi-bin/gb.cgi”-->将会执行CGI程序gb.cgi。 <!--#exec cgi=”/cgi-bin/access_log.cgi”-->将会执行CGI程序access_log.cgi。注意：从上面的示例可以看出，这个指令相当方便，但是也存在安全问题。禁止方法：．Apache，将access.conf中的”Options Includes ExecCGI”这行代码删除；．在IIS中，要禁用 #exec 命令，可修改 SSIExecDisable 元数据库； 5.#config 作用：指定返回给客户端浏览器的错误信息、日期和文件大小的格式。语法： <!--#config errmsg=”自定义错误信息”--> <!--#config sizefmt=”显示单位”--> <!--#config timefmt=”显示格式”--> 参数： errmsg 自定义SSI执行错误信息，可以为任何你喜欢的方式。 sizefmt 文件大小显示方式，默认为字节方式(“bytes”)可以改为千字节方式(“abbrev”) timefmt 时间显示方式，最灵活的配置属性。 代码示例作用代码示例作用
%aMon缩写的星期几%m05月份数
%AMonday星期几%M55分
%b
%hAug缩写的月份名%pAM上、下午(AM或PM)
%r10:20:20 AM12小制时间
%BAuguest月份名%s40秒
%d01当月第几天%T20:20:3024小制时间
%D05/28/99数字日期%U
%W21一年中的星期
%e1当月第几天，前面不放0%w2从星期天至今天数
%H20小时(24小时制)%y992位数格式的年号
%I08小时(12小时制)%Y19994位数表示的年号
%j320一年中的天数%zPDT时区位置
代码示例作用代码示例作用 %a Mon 缩写的星期几 %m 05 月份数 %A Monday 星期几 %M 55 分 %b
%h Aug 缩写的月份名 %p AM 上、下午(AM或PM) %r 10:20:20 AM 12小制时间 %B Auguest 月份名 %s 40 秒 %d 01 当月第几天 %T 20:20:30 24小制时间 %D 05/28/99 数字日期 %U
%W 21 一年中的星期 %e 1 当月第几天，前面不放0 %w 2 从星期天至今天数 %H 20 小时(24小时制) %y 99 2位数格式的年号 %I 08 小时(12小时制) %Y 1999 4位数表示的年号 %j 320 一年中的天数 %z PDT 时区位置 示例：显示一个不存在文件的大小
<!--#config errmsg=”服务器执行错误，请联系管理员 yiho@126.com，谢谢！”--> <!--#fsize file=”不存在的文件.htm”--> 以千字节方式显示文件大小 <!--#config sizefmt=”abbrev”--> <!--#fsizefile=”news.htm”--> 以特定的时间格式显示时间 <!--#config timefmt=”%Y年/%m月%d日 星期%W 北京时间%H:%M:%s，%Y年已过去了%j天 今天是%Y年的第%U个星期”--> <!--#echo var=”DATE_LOCAL”--> 显示今天是星期几,几月,时区
<!--#config timefmt=”今天%A, %B ,服务器时区是 %z，是”--> <!--#echo var=”DATE_LOCAL”--> 6.XSSI XSSI（Extended SSI）是一组高级SSI指令，内置于Apache 1.2或更高版本的mod-include模块之中。其中可利用的的指令有： #printenv #set #if #printenv 作用：显示当前存在于WEB服务器环境中的所有环境变量。语法：<!--#printenv--> 参数：无示例： <!--#printenv--> #set 作用：可给变量赋值，以用于后面的if语句。语法：<!--#set var=”变量名”value=”变量值”--> 参数：无示例： <!--#set var=”color”value=”红色”--> #if 作用：创建可以改变数据的页面，这些数据根据使用if语句时计算的要求予以显示。语法： <!--#if expr=”$变量名=\”变量值A\””--> 显示内容 <!--#elif expr=”$变量名=\”变量值B\””--> 显示内容 <!--#else--> 显示内容 <!--#endif”--> 参数：关于XSSI的条件表达式 表达式作用
(string)如果string存在，就返回真
string1=string2如果两个字符串相等，就返回真
string1!=string2如果两个字符串不等，就返回真
string1<string2如果string1小于string2，就返回真
string1<=string2如果string1小于等于string2，就返回真
string1>string2如果string1大于string2，就返回真
string1>=string2如果string1大于等于string2，就返回真
!string！为”非”操作符；若string存在，就返回真
(string1)&&(string2)&&为”与”操作符；string1、string2都存在，就返回真
(string1)!!(string2)!! 为”或”操作符；string1、string2有一个存在，就返回真
表达式 作用 (string) 如果string存在，就返回真 string1=string2 如果两个字符串相等，就返回真 string1!=string2 如果两个字符串不等，就返回真 string1<string2 如果string1小于string2，就返回真 string1<=string2 如果string1小于等于string2，就返回真 string1>string2 如果string1大于string2，就返回真 string1>=string2 如果string1大于等于string2，就返回真 !string ！为”非”操作符；若string存在，就返回真 (string1)&&(string2) &&为”与”操作符；string1、string2都存在，就返回真 (strin1)!!(string2) !! 为”或”操作符；string1、string2有一个存在，就返回真示例： <!--#if expr=”$SERVER_NAME=\”hoyi.zb169.net\””--> 欢迎光临好易CGI工厂在淄博热线的分站http://hoyi.zb169.net。 <!--#elif expr=”$SERVER_NAME=\”linux.cqi.com.cn\”” --> 欢迎光临好易CGI工厂在太阳城的分站http://linux.cqi.com.cn/~hoyi。 <!--#else--> 欢迎光临好易CGI工厂！ <!--#endif”--> 注意：用于前面指令中的反斜杠，是用来代换内部的引号，以便它们不会被解释为结束表达式。不可省略 。
SSI工作原理：
在一个通常以.shtml为扩展名的SSI文件中，标准的HTML编码会被直接送到浏览器上，而内嵌Perl语言形式的SSI命令则先被网络服务器解释执行，如果是标准输出的话，输出信息也将作为标准的HTML而被送至浏览器。
SSI简单应用实例： 〈html〉
〈head〉〈title〉my first SSI page〈/title〉〈/head〉
〈body〉
欢迎您（于〈!－－＃ echo var="date_local" －－〉）访问本网站。
〈/html〉 标记在上面文档中的“〈!－－＃ －－〉”结构表明了SSI命令会被服务器翻译执行，而不是直接送到客户端。我们可以在浏览器中用“查看→源文件"观察源代码：
〈html〉
〈head〉〈title〉my first SSI page〈/title〉〈/head〉
〈body〉
欢迎您（于dec 06 1999）访问本网站。
〈/html〉
我们发现，文档中的html被直接传到了客户端，而SSI命令得到了执行。SSI代码在客户端是不可见的，客户端只能看到它执行的效果。
一个比较实用的例子
网站维护常常碰到的一个问题是，网站的结构已经固定，却为了更新一点内容而不得不重做一大批网页。SSI提供了一种简单、有效的方法来解决这一问题，它将一个网站的基本结构放在几个简单的HTML文件中（模板），以后我们要做的只是将文本传到服务器，让程序按照模板自动生成网页，从而使管理大型网站变得容易。如：
〈html〉
〈head〉〈title〉SSI example〈/title〉〈/head〉
〈body〉
〈h2〉新闻〈/h2〉
〈p〉〈!－－＃ include file="news.txt" －－〉
〈p〉新闻更新日期：〈!－－＃ flastmod file="news.txt" －－〉
〈/body〉
〈/html〉
将频繁的更新内容放在news.txt中，SSI会通过 include 指令将其内容包含到输出的网页中。通过 flastmod 指令可在网页中显示new.txt的最近一次更改日期。
构建学习SSI的环境
支持SSI的web server 很多，如可以选用omnihttpd profeSIonal， 这是一款win 95/98平台下的支持SSI的web服务器。可直接从http://www.omnicron.ab.ca/httpd/下载这一共享软件。 1.#echo 作用：将环境变量插入到页面中。语法： <!--#echo var=”变量名称”--> 示例：本文档名称：<!--#echo var=”DOCUMENT_NAME”--> 现在时间：<!--#echo var=”DATE_LOCAL”-->
你的IP地址是：<!--#echo var=”REMOTE_ADDR”--> 可在SSI中使用的变量： 1．只有SSI中能使用的变量。2．标准CGI变量3．某些服务器支持的变量 ①下面是在标准SSI支持的变量：变量名称作用示例 1 DOCUMENT_NAME 当前文档名 echo.html 2 DOCUMENT_URL 或DOCUMENT_URI 当前文档相对URL /ssi/echo.html 3 QUERY_STRING_UNESCAPED
或QUERY_STRING 所发送的查询字符串 sample 4 DATE_LOCAL 服务器中当前日期 Sun, 23 May 1999 21:54:30 5 DATE_GMT 以格林威冶时间设置的服务器时间 Sun, 23 May 1999 13:54:30 6 LAST_MODIFIED 当前文档最后修改时间 23-May-1999 PST ②标准的CGI变量
WEB上关于CGI环境变量测试的示例： LINUX下Apache：http://hoyi.zb169.net/cgi-bin/hiecho.cgi?sample
Freebsd下Apache: http://hoyi.onlineexpress.net/cgi-bin/hiecho.cgi?sample CGI环境变量名称作用示例 1 AUTH_TYPE 用户所使用的身份验证类型 2 CONTENT_LENGTH 服务器输出文本长度 0 3 HTTP_ACCEPT 客户机可接受的MIME类型 application/vnd.ms-excel, application/msword, */* 4 HTTP_USER_AGENT 客户机浏览器配置状况 Mozilla/4.0 (compatible; MSIE 4.01; Windows 98) 5 GATEWARY_INTERFACE 服务器所使用的 CGI 规范的修正版 CGI/1.1 6 PATH_INFO 客户端给出附加路径信息 7 PATH_TRANSLATED PATH_INFO 的值，但带有扩展为某个目录规范的虚拟路径 /v/spool/webadm/html 8 QUERY_STRING 在引用该脚本的 URL 中跟在问号 (?) 后面的信息 Sample 9 REMOTE_ADDR 客户机IP地址 202.103.27.103 10 REMOTE_HOST 客户机名称 11 REQUEST_METHOD HTTP请求方法 GET 12 SCRIPT_NAME 当前脚本名称 /cgi-main/cgiwrap/hoyi/hiecho.cgi 13 SERVER_NAME 服务器名称或IP地址 hoyi.zb169.net 14 SERVER_PORT 服务器接请求的TCP/IP端口 80 15 SERVER_PROTOCOL 与请求有关的信息检索协议的名称与版本，通常为 HTTP/1.0 HTTP/1.1 16 SERVER_SOFTWARE 响应请求的 Web 服务器软件的名称和版本 Apache/1.3.6 (Unix) 2、#include 作用：将文本文件的内容直接插入到文档页面中。语法：
<!--#include file=”文件名称”--> <!--#include virtual=”文件名称”--> file 文件名是一个相对路径，该路径相对于使用 #include 指令的文档所在的目录。被包含文件可以在同一级目录或其子目录中，但不能在上一级目录中。如表示当前目录下的的nav_head.htm文档，则为file=”nav_head.htm”。 virtual 文件名是 Web 站点上的虚拟目录的完整路径。如表示相对于服务器文档根目录下hoyi目录下的nav_head.htm文件；则为file=”/hoyi/nav_head.htm” 参数： file 指定包含文件相对于本文档的位置 virtual 指定相对于服务器文档根目录的位置注意： 1、文件名称必须带有扩展名。 2、被包含的文件可以具有任何文件扩展名，我觉得直接使用htm扩展名最方便，微软公司推荐使用 .inc 扩展名（这就看你的爱好了）。示例： <!--#include file=”nav_head.htm”-->将头文件插入到当前页面 <!--#include file=”nav_foot.htm”-->将尾文件插入到当前页面 2、#include 作用：将文本文件的内容直接插入到文档页面中。语法：
<!--#include file=”文件名称”--> <!--#include virtual=”文件名称”--> file 文件名是一个相对路径，该路径相对于使用 #include 指令的文档所在的目录。被包含文件可以在同一级目录或其子目录中，但不能在上一级目录中。如表示当前目录下的的nav_head.htm文档，则为file=”nav_head.htm”。 virtual 文件名是 Web 站点上的虚拟目录的完整路径。如表示相对于服务器文档根目录下hoyi目录下的nav_head.htm文件；则为file=”/hoyi/nav_head.htm” 参数： file 指定包含文件相对于本文档的位置 virtual 指定相对于服务器文档根目录的位置注意： 1、文件名称必须带有扩展名。 2、被包含的文件可以具有任何文件扩展名，我觉得直接使用htm扩展名最方便，微软公司推荐使用 .inc 扩展名（这就看你的爱好了）。示例： <!--#include file=”nav_head.htm”-->将头文件插入到当前页面 <!--#include file=”nav_foot.htm”-->将尾文件插入到当前页面 4.#exec 作用：将某一外部程序的输出插入到页面中。可插入CGI程序或者是常规应用程序的输入，这取决于使用的参数是cmd还是cgi。语法：语法：
<!--#exec cmd=”文件名称”--> <!--#exec cgi=”文件名称”--> 参数： cmd 常规应用程序 cgi CGI脚本程序示例： <!--#exec cmd=”cat /etc/passwd”-->将会显示密码文件 <!--#exec cmd=”dir /b”-->将会显示当前目录下文件列表 <!--#exec cgi=”/cgi-bin/gb.cgi”-->将会执行CGI程序gb.cgi。 <!--#exec cgi=”/cgi-bin/access_log.cgi”-->将会执行CGI程序access_log.cgi。注意：从上面的示例可以看出，这个指令相当方便，但是也存在安全问题。禁止方法：．Apache，将access.conf中的”Options Includes ExecCGI”这行代码删除；．在IIS中，要禁用 #exec 命令，可修改 SSIExecDisable 元数据库； 5.#config 作用：指定返回给客户端浏览器的错误信息、日期和文件大小的格式。语法： <!--#config errmsg=”自定义错误信息”--> <!--#config sizefmt=”显示单位”--> <!--#config timefmt=”显示格式”--> 参数： errmsg 自定义SSI执行错误信息，可以为任何你喜欢的方式。 sizefmt 文件大小显示方式，默认为字节方式(“bytes”)可以改为千字节方式(“abbrev”) timefmt 时间显示方式，最灵活的配置属性。 代码示例作用代码示例作用
%aMon缩写的星期几%m05月份数
%AMonday星期几%M55分
%b
%hAug缩写的月份名%pAM上、下午(AM或PM)
%r10:20:20 AM12小制时间
%BAuguest月份名%s40秒
%d01当月第几天%T20:20:3024小制时间
%D05/28/99数字日期%U
%W21一年中的星期
%e1当月第几天，前面不放0%w2从星期天至今天数
%H20小时(24小时制)%y992位数格式的年号
%I08小时(12小时制)%Y19994位数表示的年号
%j320一年中的天数%zPDT时区位置
代码示例作用代码示例作用 %a Mon 缩写的星期几 %m 05 月份数 %A Monday 星期几 %M 55 分 %b
%h Aug 缩写的月份名 %p AM 上、下午(AM或PM) %r 10:20:20 AM 12小制时间 %B Auguest 月份名 %s 40 秒 %d 01 当月第几天 %T 20:20:30 24小制时间 %D 05/28/99 数字日期 %U
%W 21 一年中的星期 %e 1 当月第几天，前面不放0 %w 2 从星期天至今天数 %H 20 小时(24小时制) %y 99 2位数格式的年号 %I 08 小时(12小时制) %Y 1999 4位数表示的年号 %j 320 一年中的天数 %z PDT 时区位置 示例：显示一个不存在文件的大小
<!--#config errmsg=”服务器执行错误，请联系管理员 yiho@126.com，谢谢！”--> <!--#fsize file=”不存在的文件.htm”--> 以千字节方式显示文件大小 <!--#config sizefmt=”abbrev”--> <!--#fsizefile=”news.htm”--> 以特定的时间格式显示时间 <!--#config timefmt=”%Y年/%m月%d日 星期%W 北京时间%H:%M:%s，%Y年已过去了%j天 今天是%Y年的第%U个星期”--> <!--#echo var=”DATE_LOCAL”--> 显示今天是星期几,几月,时区
<!--#config timefmt=”今天%A, %B ,服务器时区是 %z，是”--> <!--#echo var=”DATE_LOCAL”--> 6.XSSI XSSI（Extended SSI）是一组高级SSI指令，内置于Apache 1.2或更高版本的mod-include模块之中。其中可利用的的指令有： #printenv #set #if #printenv 作用：显示当前存在于WEB服务器环境中的所有环境变量。语法：<!--#printenv--> 参数：无示例： <!--#printenv--> #set 作用：可给变量赋值，以用于后面的if语句。语法：<!--#set var=”变量名”value=”变量值”--> 参数：无示例： <!--#set var=”color”value=”红色”--> #if 作用：创建可以改变数据的页面，这些数据根据使用if语句时计算的要求予以显示。语法： <!--#if expr=”$变量名=\”变量值A\””--> 显示内容 <!--#elif expr=”$变量名=\”变量值B\””--> 显示内容 <!--#else--> 显示内容 <!--#endif”--> 参数：关于XSSI的条件表达式 表达式作用
(string)如果string存在，就返回真
string1=string2如果两个字符串相等，就返回真
string1!=string2如果两个字符串不等，就返回真
string1<string2如果string1小于string2，就返回真
string1<=string2如果string1小于等于string2，就返回真
string1>string2如果string1大于string2，就返回真
string1>=string2如果string1大于等于string2，就返回真
!string！为”非”操作符；若string存在，就返回真
(string1)&&(string2)&&为”与”操作符；string1、string2都存在，就返回真
(string1)!!(string2)!! 为”或”操作符；string1、string2有一个存在，就返回真
表达式 作用 (string) 如果string存在，就返回真 string1=string2 如果两个字符串相等，就返回真 string1!=string2 如果两个字符串不等，就返回真 string1<string2 如果string1小于string2，就返回真 string1<=string2 如果string1小于等于string2，就返回真 string1>string2 如果string1大于string2，就返回真 string1>=string2 如果string1大于等于string2，就返回真 !string ！为”非”操作符；若string存在，就返回真 (string1)&&(string2) &&为”与”操作符；string1、string2都存在，就返回真 (strin1)!!(string2) !! 为”或”操作符；string1、string2有一个存在，就返回真示例： <!--#if expr=”$SERVER_NAME=\”hoyi.zb169.net\””--> 欢迎光临好易CGI工厂在淄博热线的分站http://hoyi.zb169.net。 <!--#elif expr=”$SERVER_NAME=\”linux.cqi.com.cn\”” --> 欢迎光临好易CGI工厂在太阳城的分站http://linux.cqi.com.cn/~hoyi。 <!--#else--> 欢迎光临好易CGI工厂！ <!--#endif”--> 注意：用于前面指令中的反斜杠，是用来代换内部的引号，以便它们不会被解释为结束表达式。不可省略 。
如何将 CSS 加诸于网页
您可以利用下列 3 种方式，将 CSS 指定的格调加诸于网页上：
1. 在 HTML 档案里加一个超连结，连到外在的 CSS 档
这个方法最方便管理整个网站的网页风貌。它让网页的文字内容与版面设计分开。您只要在一个 CSS 档内（副档名为 .CSS）定义好网页的外观风格，所有参考连结到此 CSS 档的网页，便会依照指示，反应出定义好的风格。
它的写法是：
HREF="http：//www.xyz.com/xyz.css";
TYPE="text/css">
此种方法 Navigator4 支援得仍十分 Buggy，请小心使用。
2. 在 HTML 档案的 ....... 标签间，加一段 CSS 的叙述文
这个方法适用于指定某个网页，除了展现外在的 CSS 档定义好的网页风格外，同时还要展现本身 HTML 档内加注的 CSS 。
如果内在加注的 CSS 叙述与外在连结的 CSS 叙述相冲突的话，网页的展现将以内在加注的 CSS 叙述为主。
它的写法是：
开始本页内容…
特别值得注意的是，为了防止不支援 CSS 的浏览器误将 标签间的 CSS 风格叙述当成普通字串，而展现于网页上，您最好将 CSS 的叙述文字插入 标签之间。
3. 在 HTML 档的字里行间中，随时有需要，随时加一小段 CSS 的叙述指定
这个方法适用于指定网页内的某一小段文字的呈现风格。
导览器除了会展现出外在的 CSS 档与此 HTML 档 内定义的 CSS 风格（如果有的话），同时还会展现字里行间的 CSS 风格。
如果字里行间的 CSS 叙述与 内在定义的 CSS 或外在连结的 CSS 叙述相冲突的话，导览器的展现将以字里行间的 CSS 叙述为主。
它的写法是：
它的写法是：
上述的 3 种 CSS，可以同时并用，也可以择您所好，单一或成双地使用。如果各 CSS 间的叙述相冲突，则内在定义的 CSS 会盖过外在连结的 CSS ，字里行间的 CSS 会盖过 内在定义的 CSS 。
这样一层一层地推展、补充下来，使得「阶层性格调控制」清楚又有效率地帮助网页设计者，一方面中央统筹整个网站的网页风貌，另一方面又可以随著各个网页、各个文字段落的特别需要，而分别调配不同的格调。十分有条不紊，十分方便管理，所以称之为「阶层性」的格调控制。
CSS 语言的基本语法
CSS 的语言与网页排版语言 HTML，在内容上有一点点类似重覆，但是语法却大不相同。它的基本语法是： H1 {font-size: 16pt;
font-weight: bolder;
color: red}
上例中，H1表示您想要界定的标签元件为 H1，font-size、font-weight、color 这些扩充属性则表示您想指定 H1 应该长成什么模样。在上例中，我界定我的 H1 应该展现出字体大小 16 点，特粗黑体，红色的模样。
简化之
因此，顺著这个基本写法，我们可以继续定义其他的标签元件： H1 {font-size: 16pt;
font-weight: bolder;
color: red}
H2 {font-size: 16pt;
font-weight: bolder;
color: red}
H3 {font-size: 16pt;
font-weight: bolder;
color: red}
上例中，H1、H2、H3 界定的标签元件均长得一模一样，因此我们可以将它们简化写成： H1, H2, H3 {font-size: 16pt;
font-weight: bolder;
color: red}
而如果您想要让您的 H1, H2, H3 各自拥有各自不同的风格，那么您必须一笔一笔地条列说明清楚： H1 {font-size: 16pt;
font-weight: bolder;
font-family: Times, serif;
color: red}
H2 {font-size: 14pt;
font-weight: bold;
font-family: Georgia, serif;
color: green}
H3 {font-size: 12pt;
font-weight: bold;
font-family: "New York", serif;
color: gray}
另一种简化方法
虽然在上例中， H1, H2, H3 各自拥有各自不同的风格，使得您必须一笔一笔说明清楚。但是您会注意到，我们在指定 H1, H2, H3 各自不同的风格时，其实大都是在指定 H1, H2, H3 的字体表现（字体大小、字体粗细、字体的形体）。因此，我们可以将所有以 font字眼开始的叙述，整合在一个 font 大项里： H1 {font: 16pt bolder Times, serif;
color: red}
H2 {font: 14pt bold Georgia, serif;
color: green}
H3 {font: 12pt bold "New York", serif;
color: gray}
特别值得注意的是，在上例中，H3 的字体使用 "New York" 字体， "New York" 是两个字，所以必须将它 "括号" 起来。而 H1, H2, H3 的颜色规定，并不能一道并入 font 大项中，而必须另外标清楚。
顺便一提的是，CSS 与 HTML 一样，都有「注解」的符号。HTML 使用 做「注解」；而 CSS 使用 /* 这里是注解 */。
CSS 中 Font 的扩充属性
前言：
1. CSS-Cascading Style Sheet 只能展现于有支援 Style Sheet 的浏览器内，例如：网景的 Navigator4 与微软的 IE3, IE4。版本不够新的浏览器显现不出 Style sheet 规定的风格。
2. 本系列文章只说明介绍 Navigator4 与 IE3、IE4 浏览器 共同支援的 CSS1 扩充属性。至于 W3C 详细规定的完整 CSS1 文件，或者 网景 、 微软各自支援的 CSS 扩充属性，请到其网站的 Style Sheet 部门观看。
3. CSS 的写法使用大写或小写均可。
{font-family: Times}
此属性用来指定字体的形体。画底线的部分可以用各式各样的字体来替换之。您可以同时指定好多种字体，以防 user 端没有第一种字体时，可以继续依照您的指示，选用第二、第三种字体。
参考范例：
P {font-family: Times,"New York"}
LI {font-family: "中黑体"}
BLOCKQUOTE {font-family: monospace}
特别值得注意的是，在上例中，字体 "New York" 、 "中黑体" 因为是两个字(以上)，所以必须将它们 "括号" 起来。此外，第三例中的 monospace 是用来指定写程序码时使用的等距字体。
{font-weight: bold}
此属性用来指定字体的粗细。画底线的部分可以使用下列 2 组表示法来替换之：
* normal, bold, bolder, lighter
* 100, 200, 300..........900
此属性的内定值为 normal。
参考范例：
H1 {font-weight: bolder}
BLOCKQUOTE {font-weight: 200}
{font-size: medium}
此属性用来指定字体的大小。画底线的部分可以使用下列 4 组表示法来替换之：
* 绝对 size: xx-small, x-small, small,medium, large, x-large, xx-large
* 相对 size: larger, smaller（与母标签相对比）
* 字体的点数 (point): 12pt,16pt, 20pt....
* 百分比: 80%, 120% .... （与母标签相对比）
此属性的内定值为 medium。
参考范例：
BODY {font-size: medium}
H1 {font-size: 18pt}
H2 {font-size: 90%}
{font-style: normal}
此属性用来指定字体的正体或斜体。画底线的部分可以使用 normal, italic, oblique (仅 IE4 支援 oblique） 来替换之。
此属性的内定值为 normal。
参考范例：
H4 {font-style: italic}
P {font-style: oblique}
{font: 12pt/14pt}
此属性用来指定字体的大小与每行行距的高度。上例中，12pt 指的是字体的大小，14pt 指的是行距的高度。
事实上，{font: … } 可以集结所有跟 font 有关的扩充属性在此标签内，所以您除了在 {font: … } 内指定字体大小与行 距高度外，还可以在此标签内加入所有上述介绍过的属性。
参考范例：
P {font: italic bold 12pt/14pt}
STRONG {font: 14pt/18pt bolder italic Times, serif}
CSS 中 Color 的扩充属性
{color: red}
此属性用来指定字体的颜色。画底线的部分可以用各式各样的颜色来替换之。您可以使用16 进位颜色码表示（如：#00ff77）或利用浏览器既定的英文单字表示颜色（如：gray, blue..... 详细请见： Table 的扩充属性 ）。
如果您指定的颜色如同 #00ff77 一般，是两位数字、两位数字重覆组成的话 (00, ff,77 而非 03, 8f,7e ) ，您可以直接使用 #0f7简化表示之。
参考范例：
BLOCKQUOTE {color: navy}
LI {color: #eedd44}
LI {color: #ed4}
P {color: #007f3a}
{background-color: red}
此属性用来指定整个网页的背景颜色，或某一段落，某一区块的背景颜色。画底线的部分可以用各式各样的颜色来替换之。您可以使用16 进位颜色码表示（如：#00ff77）或利用浏览器既定的英文单字表示颜色（如：gray, blue..... 详细请见： Table 的扩充属性 ）。
如果您指定的颜色如同 #00ff77 一般，是两位数字、两位数字重覆组成的话 (00, ff,77 而非 03, 8f,7e ) ，您可以直接使用 #0f7简化表示之。
参考范例：
BODY {background-color: #ed4}
BLOCKQUOTE {background-color: navy}
H2 {background-color: #007f3a}
{background-image: url (/images/xyz.gif)}
此属性用来指定网页或某一区块的背景图案。画底线的部分可以使用图档的绝对位置或相对位置来表示之。
使用此标签时，最好同时也指定一个类似的颜色做背景颜色。
参考范例：
BODY {
background-image: url (/images/2T_logo.gif);
background-color: #ededff
}
LI {
background-image: url http：//www.2T.com/2T_logo.gif);
background-color: #cef
}
{background: (…)}
此标签可以集结所有跟 background 有关的扩充属性在此一标签内，所以您可以将所有上述介绍过的 background 属性一起加进来。
参考范例：
BODY {background: white url (/images/2T_logo.gif) repeat-y}
LI {background: #cc88ff url http：//www.2T.com/2T_logo.gif) no-repeat}
CSS 中 Text 的扩充属性
{text-decoration: none}
此属性用来指定文字是否画有底线或被线条杠掉（如：被线条杠掉此例）。画底线的部分可以用 none, underline, line-through 来替换之。
此属性的内定值为 none。
参考范例：
P {
color: navy;
text-decoration: none
}
A:link, A:visited, A:active {
text-decoration: underline
}
{text-align: left}
此属性用来指定文字是向左、向中、或向右对齐。画底线的部分可以用 left, right, center, justify 来替换之。
参考范例：
P {text-align: left}
H1 {text-align: center}
{text-indent: 2cm}
此属性用来指定文字向右凹进去多少公分、厘米、英寸、点数(point)、图素(pixel)、或多少 % 。测量单位可以用 cm, mm, in, pt, px, %来表示之。 % 是以母标签来相对比。
参考范例：
P {text-indent: 3cm}
LI {text-indent: 60px}
BLOCKQUOTE {text-indent: 20%}
{line-height: 14pt}
此属性用来指定每行行距的高度。line-height 常与字体大小 font-size 一起并用，写成 12pt/14pt (12pt 指的是字体的大小，14pt 指的是行距的高度)。line-height也可以用 % 表示之。 % 是以母标签来相对比。
参考范例：
BODY {
font-size: 12pt;
line-height:14pt
}
H1 {
font-size: 150%;
line-height: 200%
}
H4 {font: 16pt/20pt bold italic}
CSS 中 Margin, Padding 的扩充属性
{margin: 3cm}
此属性用来指定网页的上下左右边缘，各需留白多少公分、厘米、英寸、点数(point)、图素(pixel)、或多少 % 。测量单位可以用 cm, mm, in, pt, px, %来表示之。 % 是以母标签来相对比。
margin 可以用 margin-top, margin-bottom, margin-left, margin-right来替换之。
此属性的内定值为 0。
参考范例：
BODY {
margin-top: 44px;
margin-bottom: 2cm;
margin-left: 66px;
margin-right: 1.5in
}
P {margin: 15pt}
{padding: 14px}
此属性用来指定各段落或各区块间，上下左右边缘各需留白多少公分、厘米、英寸、点数(point)、图素(pixel)、或多少 % 。测量单位可以用 cm, mm, in, pt, px, %来表示之。 % 是以母标签来相对比。
padding 可以用 padding-top, padding-bottom, padding-left, padding-right来替换之。
此属性的内定值为 0。IE3 不支援所有与 padding 相关的标签。
参考范例：
BODY {margin: 15pt}
DL {
padding-top: 22px;
padding-left: 20%;
}
1. 在 HTML 档案里加一个超连结，连到外在的 CSS 档
这个方法最方便管理整个网站的网页风貌。它让网页的文字内容与版面设计分开。您只要在一个 CSS 档内（副档名为 .CSS）定义好网页的外观风格，所有参考连结到此 CSS 档的网页，便会依照指示，反应出定义好的风格。
它的写法是：
HREF="http：//www.xyz.com/xyz.css";
TYPE="text/css">
此种方法 Navigator4 支援得仍十分 Buggy，请小心使用。
2. 在 HTML 档案的 ....... 标签间，加一段 CSS 的叙述文
这个方法适用于指定某个网页，除了展现外在的 CSS 档定义好的网页风格外，同时还要展现本身 HTML 档内加注的 CSS 。
如果内在加注的 CSS 叙述与外在连结的 CSS 叙述相冲突的话，网页的展现将以内在加注的 CSS 叙述为主。
它的写法是：
开始本页内容…
特别值得注意的是，为了防止不支援 CSS 的浏览器误将 标签间的 CSS 风格叙述当成普通字串，而展现于网页上，您最好将 CSS 的叙述文字插入 标签之间。
3. 在 HTML 档的字里行间中，随时有需要，随时加一小段 CSS 的叙述指定
这个方法适用于指定网页内的某一小段文字的呈现风格。
导览器除了会展现出外在的 CSS 档与此 HTML 档 内定义的 CSS 风格（如果有的话），同时还会展现字里行间的 CSS 风格。
如果字里行间的 CSS 叙述与 内在定义的 CSS 或外在连结的 CSS 叙述相冲突的话，导览器的展现将以字里行间的 CSS 叙述为主。
它的写法是：
它的写法是：
开始本页内容…
上述的 3 种 CSS，可以同时并用，也可以择您所好，单一或成双地使用。如果各 CSS 间的叙述相冲突，则内在定义的 CSS 会盖过外在连结的 CSS ，字里行间的 CSS 会盖过 内在定义的 CSS 。
这样一层一层地推展、补充下来，使得「阶层性格调控制」清楚又有效率地帮助网页设计者，一方面中央统筹整个网站的网页风貌，另一方面又可以随著各个网页、各个文字段落的特别需要，而分别调配不同的格调。十分有条不紊，十分方便管理，所以称之为「阶层性」的格调控制。
CSS 语言的基本语法
CSS 的语言与网页排版语言 HTML，在内容上有一点点类似重覆，但是语法却大不相同。它的基本语法是： H1 {font-size: 16pt;
font-weight: bolder;
color: red}
上例中，H1表示您想要界定的标签元件为 H1，font-size、font-weight、color 这些扩充属性则表示您想指定 H1 应该长成什么模样。在上例中，我界定我的 H1 应该展现出字体大小 16 点，特粗黑体，红色的模样。
简化之
因此，顺著这个基本写法，我们可以继续定义其他的标签元件： H1 {font-size: 16pt;
font-weight: bolder;
color: red}
H2 {font-size: 16pt;
font-weight: bolder;
color: red}
H3 {font-size: 16pt;
font-weight: bolder;
color: red}
上例中，H1、H2、H3 界定的标签元件均长得一模一样，因此我们可以将它们简化写成： H1, H2, H3 {font-size: 16pt;
font-weight: bolder;
color: red}
而如果您想要让您的 H1, H2, H3 各自拥有各自不同的风格，那么您必须一笔一笔地条列说明清楚： H1 {font-size: 16pt;
font-weight: bolder;
font-family: Times, serif;
color: red}
H2 {font-size: 14pt;
font-weight: bold;
font-family: Georgia, serif;
color: green}
H3 {font-size: 12pt;
font-weight: bold;
font-family: "New York", serif;
color: gray}
另一种简化方法
虽然在上例中， H1, H2, H3 各自拥有各自不同的风格，使得您必须一笔一笔说明清楚。但是您会注意到，我们在指定 H1, H2, H3 各自不同的风格时，其实大都是在指定 H1, H2, H3 的字体表现（字体大小、字体粗细、字体的形体）。因此，我们可以将所有以 font字眼开始的叙述，整合在一个 font 大项里： H1 {font: 16pt bolder Times, serif;
color: red}
H2 {font: 14pt bold Georgia, serif;
color: green}
H3 {font: 12pt bold "New York", serif;
color: gray}
特别值得注意的是，在上例中，H3 的字体使用 "New York" 字体， "New York" 是两个字，所以必须将它 "括号" 起来。而 H1, H2, H3 的颜色规定，并不能一道并入 font 大项中，而必须另外标清楚。
顺便一提的是，CSS 与 HTML 一样，都有「注解」的符号。HTML 使用 做「注解」；而 CSS 使用 /* 这里是注解 */。
CSS 中 Font 的扩充属性
前言：
1. CSS-Cascading Style Sheet 只能展现于有支援 Style Sheet 的浏览器内，例如：网景的 Navigator4 与微软的 IE3, IE4。版本不够新的浏览器显现不出 Style sheet 规定的风格。
2. 本系列文章只说明介绍 Navigator4 与 IE3、IE4 浏览器 共同支援的 CSS1 扩充属性。至于 W3C 详细规定的完整 CSS1 文件，或者 网景 、 微软各自支援的 CSS 扩充属性，请到其网站的 Style Sheet 部门观看。
3. CSS 的写法使用大写或小写均可。
{font-family: Times}
此属性用来指定字体的形体。画底线的部分可以用各式各样的字体来替换之。您可以同时指定好多种字体，以防 user 端没有第一种字体时，可以继续依照您的指示，选用第二、第三种字体。
参考范例：
P {font-family: Times,"New York"}
LI {font-family: "中黑体"}
BLOCKQUOTE {font-family: monospace}
特别值得注意的是，在上例中，字体 "New York" 、 "中黑体" 因为是两个字(以上)，所以必须将它们 "括号" 起来。此外，第三例中的 monospace 是用来指定写程序码时使用的等距字体。
{font-weight: bold}
此属性用来指定字体的粗细。画底线的部分可以使用下列 2 组表示法来替换之：
* normal, bold, bolder, lighter
* 100, 200, 300..........900
此属性的内定值为 normal。
参考范例：
H1 {font-weight: bolder}
BLOCKQUOTE {font-weight: 200}
{font-size: medium}
此属性用来指定字体的大小。画底线的部分可以使用下列 4 组表示法来替换之：
* 绝对 size: xx-small, x-small, small,medium, large, x-large, xx-large
* 相对 size: larger, smaller（与母标签相对比）
* 字体的点数 (point): 12pt,16pt, 20pt....
* 百分比: 80%, 120% .... （与母标签相对比）
此属性的内定值为 medium。
参考范例：
BODY {font-size: medium}
H1 {font-size: 18pt}
H2 {font-size: 90%}
{font-style: normal}
此属性用来指定字体的正体或斜体。画底线的部分可以使用 normal, italic, oblique (仅 IE4 支援 oblique） 来替换之。
此属性的内定值为 normal。
参考范例：
H4 {font-style: italic}
P {font-style: oblique}
{font: 12pt/14pt}
此属性用来指定字体的大小与每行行距的高度。上例中，12pt 指的是字体的大小，14pt 指的是行距的高度。
事实上，{font: … } 可以集结所有跟 font 有关的扩充属性在此标签内，所以您除了在 {font: … } 内指定字体大小与行 距高度外，还可以在此标签内加入所有上述介绍过的属性。
参考范例：
P {font: italic bold 12pt/14pt}
STRONG {font: 14pt/18pt bolder italic Times, serif}
CSS 中 Color 的扩充属性
{color: red}
此属性用来指定字体的颜色。画底线的部分可以用各式各样的颜色来替换之。您可以使用16 进位颜色码表示（如：#00ff77）或利用浏览器既定的英文单字表示颜色（如：gray, blue..... 详细请见： Table 的扩充属性 ）。
如果您指定的颜色如同 #00ff77 一般，是两位数字、两位数字重覆组成的话 (00, ff,77 而非 03, 8f,7e ) ，您可以直接使用 #0f7简化表示之。
参考范例：
BLOCKQUOTE {color: navy}
LI {color: #eedd44}
LI {color: #ed4}
P {color: #007f3a}
{background-color: red}
此属性用来指定整个网页的背景颜色，或某一段落，某一区块的背景颜色。画底线的部分可以用各式各样的颜色来替换之。您可以使用16 进位颜色码表示（如：#00ff77）或利用浏览器既定的英文单字表示颜色（如：gray, blue..... 详细请见： Table 的扩充属性 ）。
如果您指定的颜色如同 #00ff77 一般，是两位数字、两位数字重覆组成的话 (00, ff,77 而非 03, 8f,7e ) ，您可以直接使用 #0f7简化表示之。
参考范例：
BODY {background-color: #ed4}
BLOCKQUOTE {background-color: navy}
H2 {background-color: #007f3a}
{background-image: url (/images/xyz.gif)}
此属性用来指定网页或某一区块的背景图案。画底线的部分可以使用图档的绝对位置或相对位置来表示之。
使用此标签时，最好同时也指定一个类似的颜色做背景颜色。
参考范例：
BODY {
background-image: url (/images/2T_logo.gif);
background-color: #ededff
}
LI {
background-image: url http：//www.2T.com/2T_logo.gif);
background-color: #cef
}
{background: (…)}
此标签可以集结所有跟 background 有关的扩充属性在此一标签内，所以您可以将所有上述介绍过的 background 属性一起加进来。
参考范例：
BODY {background: white url (/images/2T_logo.gif) repeat-y}
LI {background: #cc88ff url http：//www.2T.com/2T_logo.gif) no-repeat}
CSS 中 Text 的扩充属性
{text-decoration: none}
此属性用来指定文字是否画有底线或被线条杠掉（如：被线条杠掉此例）。画底线的部分可以用 none, underline, line-through 来替换之。
此属性的内定值为 none。
参考范例：
P {
color: navy;
text-decoration: none
}
A:link, A:visited, A:active {
text-decoration: underline
}
{text-align: left}
此属性用来指定文字是向左、向中、或向右对齐。画底线的部分可以用 left, right, center, justify 来替换之。
参考范例：
P {text-align: left}
H1 {text-align: center}
{text-indent: 2cm}
此属性用来指定文字向右凹进去多少公分、厘米、英寸、点数(point)、图素(pixel)、或多少 % 。测量单位可以用 cm, mm, in, pt, px, %来表示之。 % 是以母标签来相对比。
参考范例：
P {text-indent: 3cm}
LI {text-indent: 60px}
BLOCKQUOTE {text-indent: 20%}
{line-height: 14pt}
此属性用来指定每行行距的高度。line-height 常与字体大小 font-size 一起并用，写成 12pt/14pt (12pt 指的是字体的大小，14pt 指的是行距的高度)。line-height也可以用 % 表示之。 % 是以母标签来相对比。
参考范例：
BODY {
font-size: 12pt;
line-height:14pt
}
H1 {
font-size: 150%;
line-height: 200%
}
H4 {font: 16pt/20pt bold italic}
CSS 中 Margin, Padding 的扩充属性
{margin: 3cm}
此属性用来指定网页的上下左右边缘，各需留白多少公分、厘米、英寸、点数(point)、图素(pixel)、或多少 % 。测量单位可以用 cm, mm, in, pt, px, %来表示之。 % 是以母标签来相对比。
margin 可以用 margin-top, margin-bottom, margin-left, margin-right来替换之。
此属性的内定值为 0。
参考范例：
BODY {
margin-top: 44px;
margin-bottom: 2cm;
margin-left: 66px;
margin-right: 1.5in
}
P {margin: 15pt}
{padding: 14px}
此属性用来指定各段落或各区块间，上下左右边缘各需留白多少公分、厘米、英寸、点数(point)、图素(pixel)、或多少 % 。测量单位可以用 cm, mm, in, pt, px, %来表示之。 % 是以母标签来相对比。
padding 可以用 padding-top, padding-bottom, padding-left, padding-right来替换之。
此属性的内定值为 0。IE3 不支援所有与 padding 相关的标签。
参考范例：
BODY {margin: 15pt}
DL {
padding-top: 22px;
padding-left: 20%;
}