??xml version="1.0" encoding="utf-8" standalone="yes"?>亚洲精品第一国产综合亚AV,亚洲av最新在线观看网址,亚洲午夜福利在线观看http://www.tkk7.com/balajinima/category/26970.htmlzh-cnSun, 30 Dec 2007 00:48:55 GMTSun, 30 Dec 2007 00:48:55 GMT6025条CSS制作|页~写的提醒及(qing)技巧整?/title><link>http://www.tkk7.com/balajinima/articles/170332.html</link><dc:creator>李云?/dc:creator><author>李云?/author><pubDate>Tue, 25 Dec 2007 07:38:00 GMT</pubDate><guid>http://www.tkk7.com/balajinima/articles/170332.html</guid><wfw:comment>http://www.tkk7.com/balajinima/comments/170332.html</wfw:comment><comments>http://www.tkk7.com/balajinima/articles/170332.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.tkk7.com/balajinima/comments/commentRss/170332.html</wfw:commentRss><trackback:ping>http://www.tkk7.com/balajinima/services/trackbacks/170332.html</trackback:ping><description><![CDATA[ <p>1、ul标签在Mozilla中默认是有padding值的Q而在IE中只有margin有倹{?/p> <p>2、同一个的class选择W可以在一个文档中重复出现Q而id选择W却只能出现一ơ；对一个标{֐时用class和idq行CSS定义Q如果定义有重复Qid选择W做的定义有效，是因为ID的权D比CLASS大?/p> <p>3、一个兼Ҏ(gu)调?IE和Mozilla)的笨办法Q?br />初学可能?x)碰到这样一个情况：(x)同样一个标{属性在IE讄成A昄是正常的Q而在Mozilla里必要设成B才能正常昄Q或者两个倒过来?br />临时解决Ҏ(gu)Q?font color="#0000ff">选择W{属性名:B !important;属性名:A}</font></p> <p>4、如果一l要嵌套的标{之间需要些间距的话Q那ql位于里面的标签的margin属性吧Q而不要去定义位于外面的标{padding</p> <p>5、li标签前面的图标推荐?font color="#0000ff">background-image</font>Q而不是list-style-image?/p> <p>6、IE分不清承关pd父子关系的差别，全部都是l承关系?/p> <p>7、在l你的标{狂加选择W的时候，别忘了在CSS里给选择W加上注释?{你以后修改你的CSS的时候就知道Z么要q么做了?/p> <p>8、如果你l一个标{设|了一个深色调的背景图片和亮色调的文字效果。徏议这个时候给你的标签再设|一个深色调的背景颜艌Ӏ?/p> <p> </p> <p>9、定义链接的四种状态要注意先后序:<font color="#0000ff"> Link Visited Hover Active</font></p> <p>10、与内容无关的图片请使用background</p> <p>11、定义颜色可以羃?font color="#0000ff">#8899FF=#89F</font></p> <p>12、table在某些方面比其它标签表现的要好的多。请在需要列寚w的地方用它?/p> <p>13?lt;script>没有languageq个属性，应该写成q样:<br /><font color="#0000ff"><script type=”text/javascript?gt;</font></p> <p>14、标题是标题Q标题的文字是标题的文字。有时候标题不一定需要显C文字，所?<h1>标题内容</h1> Ҏ(gu) <h1><span>标题内容</span></h1></p> <p>15、完的单象素外框线表格Q在IE5、IE6、IE7?qing)FF1.0.4以上中均可通过试Q?br /><font color="#0000ff">table{border-collapse:collapse;}<br />td{border:#000 solid 1px;}</font></p> <p>16、margin取负值可以在标签使用l对定位的时候v到相对定位的作用Q在面居中昄Ӟ使用l对定位的层不适合使用left:XXpxq个属性。把q个层放C个要相对定位的标{旁Q然后用margin的负值是个好Ҏ(gu)?/p> <p>17、绝对定位时使用margin值定位可以达到相对于本n所在位|的定，q与topQleft{属性相对与H口边缘的定位不同。绝对定位的优势在于可以让其它元素忽略它的存在?/p> <p>18、如果文字过?则将q长的部分变成省略号昄QIE5,FF无效Q但可以隐藏QIE6有效<br /><font color="#0000ff"><DIV STYLE=”width:120px;height:50px;border:1px solid blue;overflow:hidden;text-overflow:ellipsis?gt;<br /><NOBR>是比如有一行文字，很长Q表格内一行显CZ?</NOBR></font></p> <p>19、在IE中可能由于注释带来的文字重复问题时可以把注释改ؓ(f)Q?br /><font color="#0000ff"><!–[if !IE]>Put your commentary in here?lt;![endif]?gt;</font></p> <p>20、如何用CSS调用外部字体<br />语法Q?br /><font color="#0000ff">@font-face{font-family:name;src:url(url);sRules}</font>取|(x)<br />nameQ字体名U。Q何可能的 font-family 属性的?br />url(url)Q用绝Ҏ(gu)相对 url 地址指定OpenType字体文g<br />sRulesQ样式表定义</p> <p>21、如何让一个表单中的文本框中的文字垂直居中Q?br />如果用行高与高度的组在FF中是没有效果的，办法是定义上下补白可以实现想想的效果了?/p> <p>22、定义A标签要注意的问题：(x)<br />当我们定义a{color:red;}Ӟ它代表了A的四U状态的样式Q如果此时要定义一个鼠标放上的状态只要定义a:hover可以了Q其它三U状态就是A中所定义的样式?br />只定义了一个a:linkӞ一定要记得把其它三U状态定义出来！</p> <p>23、ƈ不是所有样式都要简写：(x)<br />当样式表前定义了如p{padding:1px 2px 3px 4px}Ӟ在后l工E中又增加了一个样式上补白5pxQ下补白6px。我们ƈ不一定要写成p.style1{padding:5px 6px 3px 4px}。可以写?font color="#0000ff">p.style1{padding-top:5px;padding-right:6px;},</font>你可能会(x)感觉q样写还不如原来那样好，但你x惌Q你的那U写法重复定义了样式Q另外你可以不必L原来的下补白与左补白的值是多少Q如果以后前一个样式P变了话，你定义的p.style1的样式也要变?/p> <p>24、网站越大，CSS样式多Q开始做前，请做好充分的准备和策划，包括命名规则。页面区块划分，内部样式分类{?/p> <p>25、几个常用到的CSS样式Q?br />1Q中文字两端寚wQ?font color="#0000ff">text-align:justify;text-justify:inter-ideograph;</font></p> <p>2Q固定宽度汉字截断：(x)overflow:hidden;text-overflow:ellipsis;white-space:nowrap;(不过只能处理文字在一行上的截断，不能处理多行?QIE5以上QFF不能Q它只隐藏?/p> <p>3Q固定宽度汉字（词）折行Q?font color="#0000ff">table-layout:fixed; word-break:break-all;</font>QIE5以上QFF不能?/p> <p>4Q?lt;acronym title=”输入要提示的文字?style=”cursor:help;?gt;文字</acronym>用鼠标放在前面的文字上看效果。这个效果在国外的很多网站都可以看到Q而国内的又?/p> <p>5Q图片设为半透明Q?font color="#0000ff">.halfalpha { background-color:#000000;filter:Alpha(Opacity=50)}</font>在IE6?qing)IE5试通过QFF未通过Q这是因个样式是IEU有的东西；</p> <p>6QFLASH透明Q选中swf,打开原代码窗口，?lt;/object>前输?font color="#0000ff"><param name=”wmode?value=”transparent?gt;</font> 以上是针对IE的代码?br />针对FIREFOX l?lt;embed> 标签也增加类似参?font color="#0000ff">wmode=”transparent?/font></p> <p>7Q在做网|常用到把鼠标攑֜囄上会(x)出现囄变亮的效果，可以用图片替换的技巧，也可以用如下的o(h)镜：(x)<br /><font color="#0000ff">.pictures img {<br />filter: alpha(opacity=45); }<br />.pictures a:hover img {<br />filter: alpha(opacity=90); }</font></p> <img src ="http://www.tkk7.com/balajinima/aggbug/170332.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.tkk7.com/balajinima/" target="_blank">李云?/a> 2007-12-25 15:38 <a href="http://www.tkk7.com/balajinima/articles/170332.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>SHTML 教程http://www.tkk7.com/balajinima/articles/145123.html李云?/dc:creator>李云?/author>Fri, 14 Sep 2007 06:14:00 GMThttp://www.tkk7.com/balajinima/articles/145123.htmlhttp://www.tkk7.com/balajinima/comments/145123.htmlhttp://www.tkk7.com/balajinima/articles/145123.html#Feedback0http://www.tkk7.com/balajinima/comments/commentRss/145123.htmlhttp://www.tkk7.com/balajinima/services/trackbacks/145123.html

什么是 SHTML

使用SSIQServer Side IncludeQ的html文g扩展名，SSIQServer Side IncludeQ，通常UCؓ(f)“服务器端嵌入”或者叫“服务器端包含”，是一U类gASP的基于服务器的网制作技术?/p>

SSI工作原理Q?/h4>

内容发送到览器之前，可以使用“服务器端包?(SSI)”指令将文本、图形或应用E序信息包含到网中。例如，可以使用 SSI 包含旉/日期戟뀁版权声明或供客户填写ƈq回的表单。对于在多个文g中重复出现的文本或图形，使用包含文g是一U简便的Ҏ(gu)。将内容存入一个包含文件中卛_Q而不必将内容输入所有文件。通过一个非常简单的语句卛_调用包含文gQ此语句指示 Web 服务器将内容插入适当|页。而且Q用包含文件时Q对内容的所有更改只需在一个地方就能完成?/p>

因ؓ(f)包含 SSI 指o(h)的文件要求特D处理，所以必Mؓ(f)所?SSI 文g赋予 SSI 文g扩展名。默认扩展名?.stm?shtm ?.shtml?/p>

Web 服务器在处理|页的同时处?SSI 指o(h)。当 Web 服务器遇?SSI 指o(h)Ӟ直接包含文件的内容插入 HTML |页。如果“包含文件”中包含 SSI 指o(h)Q则同时插入此文件。除了用于包含文件的基本指o(h)之外Q还可以使用 SSI 指o(h)插入文g的相关信息（如文件的大小Q或者运行应用程序或 shell 命o(h)?/p>

|站l护常常到的一个问题是Q网站的l构已经固定Q却Z更新一点内容而不得不重做一大批|页。SSI提供了一U简单、有效的Ҏ(gu)来解册一问题Q它?yu)一个网站的基本l构攑֜几个单的HTML文g中（模板Q，以后我们要做的只是将文本传到服务器，让程序按照模板自动生成网，从而ɽ理大型|站变得Ҏ(gu)?/p>

所以，利用SHTML格式的页面目的和 ASP 差不多，但是因ؓ(f)?API 所以运转速度更快Q效率更高，比ASP快，比HTML慢，但由于可以用服务器端包含，因此佉K面更新容易（特别是批量更新bannerQ版权等Q，惌一下吧Q你有一D?HTMLQ要在中间穿插一些特D的服务端脚本，比如插入其他 HTML D落Q你选择 ASP 来完成这个Q务，但是如果d更繁重，需要更多的旉Q比?5 sQ这个时候你不用 ASP 而用  SHTMLQ或许处理时间就只用 4s 了?/p>

SSI有什么用Q?/h4>

之所以要扯到 SSIQ是因爲 Shtml - Server-Parsed HTML 的首字母~略词。包含有嵌入式服务器方包含命令的 HTML 文本。在被传送给览器之前，服务器会(x)?SHTML 文档q行完全地读取、分析以?qing)修攏Vshtml和asp 有一些相|以shtml命名的文仉Q用了ssi的一些指令，像asp中的指o(h)Q你可以在SHTML文g中写入SSI指o(h)Q当客户端访问这些shtml文gӞ服务器端?x)把q些SHTML文gq行d和解释，把SHTML文g中包含的SSI指o(h)解释出来比如Q你可以在SHTML文g中用SSI指o(h)引用其他的html文gQ?include Q，服务器传送给客户端的文gQ是已经解释的SHTML不会(x)有SSI指o(h)。它实现了HTML所没有的功能，是可以实现了动态的SHTMLQ可以说是HTML的一U进化吧。像新浪的新ȝl就是这L(fng)Q新dҎ(gu)固定的但它上面的q告和菜单等是?include引用q来的?/p>

目前Q主要有以下几种用用途：(x)

  1. 昄服务器端环境变量<#echo>
  2. 文本内容直接插入到文档?lt;#include>
  3. 昄WEB文档相关信息<#flastmod #fsize> (如文件制作日?大小{?
  4. 直接执行服务器上的各U程?lt;#exec>(如CGI或其他可执行E序)
  5. 讄SSI信息昄格式<#config>(如文件制作日?大小昄方式)

高SSI<XSSI>可设|变量用if条g语句?/p>

使用SSI

SSI是ؓ(f)WEB服务器提供的一套命令，q些命o(h)只要直接嵌入到HTML文档的注释内容之中即可。如Q?/p>

<!--#include file="info.htm"-->

是一条SSI指o(h)Q其作用是将"info.htm"的内Ҏ(gu)贝到当前的页面中Q当讉K者来览Ӟ?x)看到其它HTML文档一hCinfo.htm其中的内宏V其它的SSI指o(h)使用形式基本同刚才的举例差不多，可见SSI使用只是插入一点代码而已Q用Ş式非常简单。当?dng)如果WEB服务器不支持SSIQ它?yu)׃?x)只不q将它当作注释信息，直接跌其中的内容；览器也?x)忽略这些信息?/p>

如何在我的WEB服务器上配置SSI功能Q?/h4>

在一些WEB服务器上Q如IIS 4.0/SAMBAR 4.2Q，包含 #include 指o(h)的文件必M用已被映到 SSI 解释E序的扩展名Q否则，W(xu)eb 服务器将不会(x)处理该SSI指o(h)Q默认情况下Q扩展名 .stm?shtm ?.shtml 被映到解释E序QSsinc.dllQ?br />Apache则是Ҏ(gu)你的讄情况而定Q修改srm.conf如：(x)

AddType text/x-server-parsed-html .shtml 只?shtml扩展名的文g解析SSI指o(h)
AddType text/x-server-parsed-html .html 对所有HTML文档解析SSI指o(h)

Netscape WEB服务器直接?Administration Server(理服务?可打开SSI功能?br />Website 使用 Server Admin E序中的 Mapping 标签Q扩展名d内容cd为：(x)wwwserver/html-ssi
Cern 服务器不支持SSIQ可用SSI诈骗法，?http://sw.cse.bris.ac.uk/WebTools/fakessi.html 上下载一个PERL脚本Q即可你的CERN服务器用一些SSI指o(h)。（不支持exec指o(h)。）

SSI指o(h)基本格式

E序代码Q?/p>

<!-- 指o(h)名称="指o(h)参数">

CZQ?/p>

<!--#include file="info.htm"-->

说明Q?/p>

  1. <!-- -->是HTML语法中表C注释，当WEB服务器不支持SSIӞ?x)忽略这些信息?/div>
  2. #include 为SSI指o(h)之一?/div>
  3. file 为include的参敎ͼ info.htm为参数|在本指o(h)中指要包含的文档名?/div>

注意Q?/p>

  1. <!--?号间无空|只有SSI指o(h)与参数间存在I格?/div>
  2. 上面的标?""Q一个也不能?/div>
  3. SSI指o(h)是大写敏感的，因此参数必须是小写才?x)v作用?/div>

SSI指o(h)使用详解

#echo C

作用Q将环境变量插入到页面中?/p>

语法Q?/p>

<!--#echo var="变量名称"-->

CZQ?/p>

<!--#echo var="DOCUMENT_NAME"--> 本文档名U?br /><!--#echo var="DATE_LOCAL"--> 现在旉
<!--#echo var="REMOTE_ADDR"--> 你的IP地址

#include C

作用Q将文本文g的内容直接插入到文档面中?/p>

语法Q?/p>

<!--#include file="文g名称"-->
<!--#include virtual="文g名称"-->

file 文g名是一个相对\径，该\径相对于使用 #include 指o(h)的文档所在的目录。被包含文g可以在同一U目录或其子目录中，但不能在上一U目录中。如表示当前目录下的的nav_head.htm文档Q则为file="nav_head.htm"?br />virtual 文g名是 Web 站点上的虚拟目录的完整\径。如表示相对于服务器文档根目录下hoyi目录下的nav_head.htm文gQ则为file="/hoyi/nav_head.htm"

参数Q?/p>

file 指定包含文g相对于本文档的位|?br />virtual 指定相对于服务器文档根目录的位置

注意Q?/p>

  1. 文g名称必须带有扩展名?
  2. 被包含的文g可以hM文g扩展名，我觉得直接用htm扩展名最方便Q微软公司推荐?.inc 扩展名（q就看你的爱好了Q?

CZQ?/p>

<!--#include file="nav_head.htm"--> 头文g插入到当前页?br /><!--#include file="nav_foot.htm"--> 尾文g插入到当前页?/p>

#flastmod ?#fsize C

作用Q?/p>

#flastmod 文g最q更新日?br />#fsize 文g的长?/p>

语法Q?/p>

<!--#flastmod file="文g名称"-->
<!--#fsize file="文g名称"-->

参数Q?/p>

file 指定包含文g相对于本文档的位|??info.txt 表示当前目录下的的info.txt文档
virtual 指定相对于服务器文档根目录的位置 ?/hoyi/info.txt 表示

注意Q文件名U必d有扩展名?/p>

CZQ?/p>

<!--#flastmod file="news.htm"--> 当前目录下news.htm文g的最q更新日期插插入到当前页?br /><!--#fsize file="news.htm"--> 当前目录下news.htm的文件大入到当前页?/p>

#exec C

作用Q将某一外部E序的输出插入到面中。可插入CGIE序或者是常规应用E序的输入，q取决于使用的参数是cmdq是cgi?/p>

语法Q?/p>

<!--#exec cmd="文g名称"-->
<!--#exec cgi="文g名称"-->

参数Q?/p>

cmd 常规应用E序
cgi CGI脚本E序

CZQ?/p>

<!--#exec cmd="cat /etc/passwd"--> 会(x)昄密码文g
<!--#exec cmd="dir /b"--> 会(x)昄当前目录下文件列?br /><!--#exec cgi="/cgi-bin/gb.cgi"--> 会(x)执行CGIE序gb.cgi?br /><!--#exec cgi="/cgi-bin/access_log.cgi"--> 会(x)执行CGIE序access_log.cgi?/p>

注意Q从上面的示例可以看出，q个指o(h)相当方便Q但是也存在安全问题?/p>

止Ҏ(gu)Q?/p>

  1. ApacheQ将access.conf中的"Options Includes ExecCGI"q行代码删除Q?/div>
  2. 在IIS中，要禁?#exec 命o(h)Q可修改 SSIExecDisable 元数据库Q?/div>

#config

作用Q?指定q回l客L(fng)览器的错误信息、日期和文g大小的格式?/p>

语法Q?/p>

<!--#config errmsg="自定义错误信?-->
<!--#config sizefmt="昄单位"-->
<!--#config timefmt="昄格式"-->

参数Q?/p>

errmsg 自定义SSI执行错误信息Q可以ؓ(f)M你喜Ƣ的方式?br />sizefmt 文g大小昄方式Q默认ؓ(f)字节方式("bytes")可以改ؓ(f)千字节方?"abbrev")
timefmt 旉昄方式Q最灉|的配|属性?/p>

CZQ显CZ个不存在文g的大?/p>

<!--#config errmsg="服务器执行错误，误pȝ理员 yiho@126.comQ谢谢！"-->
<!--#fsize file="不存在的文g.htm"-->

以千字节方式昄文g大小

语法Q?/p>

<!--#config sizefmt="abbrev"-->
<!--#fsizefile="news.htm"-->

以特定的旉格式昄旉

<!--#config timefmt="%Yq?%m?d?星期%W 北京旉%H:%M:%sQ?Yq已q去?j?今天?Yq的W?U个星?-->
<!--#echo var="DATE_LOCAL"--> 昄今天是星期几Q几月，时区
<!--#config timefmt="今天%AQ?%B Q服务器时区?%zQ是"-->
<!--#echo var="DATE_LOCAL"-->

XSSI

XSSIQExtended SSIQ是一l高USSI指o(h)Q内|于Apache 1.2或更高版本的mod-include模块之中。其中可利用的的指o(h)有：(x)

#printenv
#set
#if

#printenv

作用Q?昄当前存在于WEB服务器环境中的所有环境变量?/p>

语法Q?/p>

<!--#printenv-->

#set

作用Q可l变量赋|以用于后面的if语句?/p>

语法Q?/p>

<!--#set var="变量? value="变量?-->

CZQ?/p>

<!--#set var="color" value="U色"-->

#if

作用Q创建可以改变数据的面Q这些数据根据用if语句时计的要求予以昄?/p>

语法Q?/p>

<!--#if expr="$变量?\"变量值A\""-->
  昄内容
<!--#elif expr="$变量?\"变量值B\""-->
  昄内容
<!--#else-->
  昄内容
<!--#endif"-->

CZQ?/p>

<!--#if expr="$SERVER_NAME=\"hoyi.zb169.net\""-->
  Ƣ迎光(f)好易CGI工厂在淄博热U的分站 http://hoyi.zb169.net?br /><!--#elif expr="$SERVER_NAME=\"linux.cqi.com.cn\"" -->
  Ƣ迎光(f)好易CGI工厂在太阛_的分?http://linux.cqi.com.cn/~hoyi?br /><!--#else-->
  Ƣ迎光(f)好易CGI工厂Q?br /><!--#endif"-->

注意Q用于前面指令中的反斜杠Q是用来代换内部的引P以便它们不会(x)被解释ؓ(f)l束表达式。不可省略?/p>

1、Config 命o(h)

Config 命o(h)主要用于修改SSI的默认设|。其中：(x)

ErrmsgQ设|默认错误信息。ؓ(f)了能够正常的q回用户讑֮的错误信息，在HTML文g中Errmsg参数必须被放|在其它SSI命o(h)的前面，否则客户端只能显C默认的错误信息Q而不是由用户讑֮的自定义信息?/p>

<!--#config errmsg="Error! Please email webmaster@mydomain.com" -->

TimefmtQ定义日期和旉的用格式。Timefmt参数必须在echo命o(h)之前使用?/p>

<!--#config timefmt="%AQ?%B %dQ?%Y"-->
<!--#echo var="LAST_MODIFIED" -->

昄l果为：(x)

WednesdayQ?April 12Q?2000

也许用户对上例中所使用?A %B %d感到很陌生，下面我们׃表格的Ş式ȝ一下SSI中较为常用的一些日期和旉格式?/p>

SizefmtQ决定文件大是以字节、千字节q是兆字节ؓ(f)单位表示。如果以字节为单位，参数gؓ(f)"bytes"Q对于千字节和兆字节可以使用~写形式。同Psizefmt参数必须攑֜fsize命o(h)的前面才能用?/p>

<!--#config sizefmt="bytes" -->
<!--#fsize file="index.html" -->

2、Include 命o(h)

Include 命o(h)可以把其它文档中的文字或囄插入到当前被解析的文档中Q这是整个SSI的关键所在。通过Include命o(h)只需要改动一个文件就可以瞬间更新整个站点Q?/p>

Include 命o(h)h两个不同的参敎ͼ(x)

VirtualQ给出到服务器端某个文档的虚拟\径?br />FileQ给出到当前目录的相对\径，其中不能使用"../"Q也不能使用l对路径?/p>

<!--#include virtual="/includes/header.html" -->
<!--#include file="header.html" --> q就要求每一个目录中都包含一个header.html文g?/p>

3、Echo 命o(h)

Echo 命o(h)可以昄以下各环境变量：(x)

DOCUMENT_NAMEQ显C当前文档的名称?br />DOCUMENT_URIQ显C当前文档的虚拟路径。例如：(x)

<!--#echo var="DOCUMENT_NAME" -->
<!--#echo var="DOCUMENT_URI" -->

随着|站的不断发展，那些来长的URL地址肯定?x)让人头疹{如果用SSIQ一切就?x)迎刃而解。因为我们可以把|站的域名和SSI命o(h)l合在一hC完整的URLQ即Q?/p>

http://YourDomain<!--#echo var="DOCUMENT_URI" -->

QUERY_STRING_UNESCAPEDQ显C未l{义处理的由客L(fng)发送的查询字串Q其中所有的Ҏ(gu)字符前面都有转义W?\"。例如：(x)

<!--#echo var="QUERY_STRING_UNESCAPED" -->

DATE_LOCALQ显C服务器讑֮时区的日期和旉。用户可以结合config命o(h)的timefmt参数Q定制输Z息。例如：(x)

<!--#config timefmt="%AQ?the %d of %BQ?in the year %Y" -->
<!--#echo var="DATE_LOCAL" -->

昄l果为：(x)

SaturdayQ?the 15 of AprilQ?in the year 2000

DATE_GMTQ功能与DATE_LOCAL一P只不q返回的是以格林治标准旉为基准的日期。例如：(x)

<!--#echo var="DATE_GMT" -->

LAST_MODIFIEDQ显C当前文档的最后更新时间。同Pq是SSI中非常实用的一个功能，只要在HTML文档中加入以下这行简单的文字Q就可以在页面上动态的昄更新旉?/p>

<!--#echo var="LAST_MODIFIED" -->

CGI环境变量

除了SSI环境变量之外Qecho命o(h)q可以显CZ下CGI环境变量Q?/p>

SERVER_SOFTWAREQ显C服务器软g的名U和版本。例如：(x)
<!--#echo var="SERVER_SOFTWARE" -->
SERVER_NAMEQ?昄服务器的L名称QDNS别名或IP地址。例如：(x)
<!--#echo var="SERVER_NAME" -->
SERVER_PROTOCOLQ显C客L(fng)h所使用的协议名U和版本Q如HTTP/1.0。例如：(x)
<!--#echo var="SERVER_PROTOCOL" -->
SERVER_PORTQ显C服务器的响应端口。例如：(x)
<!--#echo var="SERVER_PORT" -->
REQUEST_METHODQ显C客L(fng)的文档请求方法，包括GETQ?HEADQ?和POST。例如：(x)
<!--#echo var="REQUEST_METHOD" -->
REMOTE_HOSTQ显C发求信息的客户端主机名U?br /><!--#echo var="REMOTE_HOST" -->
REMOTE_ADDRQ显C发求信息的客户端IP地址?br /><!--#echo var="REMOTE_ADDR" -->
AUTH_TYPEQ显C用戯n份的验证Ҏ(gu)?br /><!--#echo var="AUTH_TYPE" -->
REMOTE_USERQ显C问受保护面的用h使用的帐号名U?br /><!--#echo var="REMOTE_USER" -->

4、FsizeQ显C指定文件的大小Q可以结合config命o(h)的sizefmt参数定制输出格式?/p>

<!--#fsize file="index_working.html" -->

5、FlastmodQ显C指定文件的最后修Ҏ(gu)期，可以l合config 命o(h)的timefmt参数控制输出格式?/p>

<!--#config timefmt="%AQ?the %d of %BQ?in the year %Y" -->
<!--#flastmod file="file.html" -->

q里Q我们可以利用flastmod参数昄Z个页面上所有链接页面的更新日期。方法如下：(x)

<!--#config timefmt=" %B %dQ?%Y" -->
<A href="/directory/file.html">File</A>
<!--#flastmod virtual="/directory/file.html" -->
<A href="/another_directory/another_file.html">Another File</A>
<!--#flastmod virtual="/another_directory/another_file.html" -->

昄l果为：(x)

File April 19Q?2000
Another File January 08Q?2000

6、Exec

Exec命o(h)可以执行CGI脚本或者shell命o(h)。用方法如下：(x)

CmdQ?bin/sh执行指定的字丌Ӏ如果SSI使用了IncludesNOEXEC选项Q则该命令将被屏蔽?br />CgiQ可以用来执行CGI脚本。例如，下面q个例子中用服务端cgi-bin目录下的counter.pl脚本E序在每个页面放|一个计数器Q?/p>

<!--#exec cgi="/cgi-bin/counter.pl" -->

关于SHTML和HTML的区?/h4>

让我们先来看看SHTML和HTML的区别，如果用一句话来解释就?SHTML 不是HTML而是一U服务器 APIQshtml是服务器动态成的html.

虽然两者都是超文本格式Q但shtml是一U用于SSI技术的文g。也是Server Side Include--SSI 服务器端包含指o(h)。如果Web Server有SSI功能的话Q大多数Q尤其是ZUnixq_Q的WEB服务器，如Netscape Enterprise Server{均支持SSI命o(h)?/p>



]]>CSS十大密技http://www.tkk7.com/balajinima/articles/145120.html李云?/dc:creator>李云?/author>Fri, 14 Sep 2007 06:12:00 GMThttp://www.tkk7.com/balajinima/articles/145120.htmlhttp://www.tkk7.com/balajinima/comments/145120.htmlhttp://www.tkk7.com/balajinima/articles/145120.html#Feedback0http://www.tkk7.com/balajinima/comments/commentRss/145120.htmlhttp://www.tkk7.com/balajinima/services/trackbacks/145120.html

1. css 字体写规?/strong>

当用css定义字体时你可能?x)这样做Q?/p>

font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;

事实上你可以写这些属性：(x)

font: 1em/1.5em bold italic small-caps verdana,serif

现在好多了吧Q不q有一点要注意Q用这一写方式你臛_要指?font-size ?font-family 属性，其他的属性（?font-weightQfont-styleQfont-varientQ如未指定将自动使用默认倹{?/p>

2. 同时使用两个class

通常我们只ؓ(f)属性指定一个classQ但qƈ不等于你只能指定一个，实际上，你想指定多少可以指定多，例如Q?/p>

<p class="text side">...</p>

通过同时使用两个 classQ用空D不是逗号分割Q，q个D落同时应用两?class 中制定的规则。如果两者中有Q何规则重叠，那么后一个将获得实际的优先应用?/p>

3. css中边框（border)的默认?/strong>

当编写一条边框的规则Ӟ你通常?x)指定颜艌Ӏ宽度以?qing)样式（M序均可Q。例如：(x)border: 3px solid #000Q?像素宽的黑色实线Ҏ(gu)Q，其实q个例子中唯一需要指定的值只是样式。假如你指定样式为实U（solid)Q那么其余的值将使用默认|(x)默认的宽度ؓ(f)中等Q相当于3?像素Q；默认的颜色ؓ(f)Ҏ(gu)里的文字颜色。如果这正是你想要的效果Q你完全可以不在css里指定?/p>

4. !important?x)被I(xin)E忽略

?css 中，通常最后指定的规则?x)获得优先权。然而对除了IE以外的浏览器来说QQ何后面标?!important 的语句将获得l对的优先权Q例如：(x)margin-top: 3.5em !important; margin-top: 2em?/p>

除IE以外所有浏览器中的剙边界都是3.5emQ而IE?emQ有时候这一点很有用Q尤其在使用相对边界值时Q就像这个例子）Q可以显C出IE与其他浏览器的细微差别。（很多人可能还注意Ccss的子选择器也是会(x)被I(xin)E忽略的）

5. 囄替换的技?/strong>

使用标准的html而不是图片来昄文字通常更ؓ(f)明智Q除了加快下载还可以获得更好的可用性。但是如果你军_使用讉K者的机器中可能没有的字体Ӟ你只能选择囄?/p>

举例来说Q你惛_每一늚剙使用“Buy widgets”的标题Q但你同时又希望q是能被搜烦(ch)引擎发现的，Z观你用了见的字体那么你得用图片来昄了：(x)

<h1><img src="widget-image.gif" alt="Buy widgets" /></h1>

q样当然没错Q但是有证据昄搜烦(ch)引擎对真实文本的重视q超qalt文本Q因为已l有太多|站使用alt文本充当关键字）Q因此，我们得用另一U方法：(x)<h1><span>Buy widgets</span></h1> Q那你的漂亮字体怎么办呢Q下面的css可以帮上忙：(x)

h1 {
 background: url(widget-image.gif) no-repeat;
}
 
h1 span {
 position: absolute;
 left:-2000px;
}

现在你既用上了漂亮的囄又很好的隐藏了真实文本——借助cssQ文本被定位于屏q左?2000像素处?/p>

6. css盒模型hack的另一选择

css盒模型hack被用来解决IE6之前的浏览器昄问题QIE6.0之前的版本会(x)把某元素的边框值和填充值包含在宽度之内Q而不是加在宽度gQ。例如，你可能会(x)使用以下css来指定某个容器的寸Q?/p>

#box {
 width: 100px;
 border: 5px;
 padding: 20px;
}

然后在html中应用：(x)<div id="box">...</div>Q盒的d度在几乎所有浏览器中ؓ(f)150像素Q?00像素宽度+两条5像素的边?两个20像素的填充）Q唯独在IE6之前版本的浏览器中仍然ؓ(f)100像素Q边框值和填充值包含在宽度gQ，盒模型的hack正是Z解决q一问题Q但是也?x)带来麻烦(ch)。更单的办法如下Q?/p>

css:
 
#box {
 width: 150px;
}

#box div {
 border: 5px;
 padding: 20px;
}

html:
 
<div id="box"><div>...</div></div>

q样一来在M览器中盒的d度都是150像素?/p>

7. 块元素居中

假设你的|站使用了固定宽度的布局Q所有的内容|于屏幕中央Q可以用以下的cssQ?/p>

#content {
 width: 700px;
 margin: 0 auto;
}

你可以把html的body之内M目|于<div id="content"></div>中，该项目将自动获得相等的左双界g而保证了居中昄。不q，q在IE6之前版本的浏览器中仍然有问题Q将不会(x)居中Q因此必M改如下：(x)

body {
 text-align: center;
}
 
#content {
 text-align: left;
 width: 700px;
 margin: 0 auto;
}

对body的设定将DM内容居中Q但是连所有的文字也居中了Q这恐怕不是你惌的效果，为此#content 的divq要指定一个|(x)text-align: left?/p>

8. 使用css实现垂直居中

垂直居中对表格来说是菜一，只需指定单元gؓ(f) vertical-align: middle 卛_Q但q在css布局中不用。假设你一个导航菜单的高度设ؓ(f)2emQ然后在css中指定垂直对齐的规则Q文字还是会(x)被排到盒的顶部，Ҏ(gu)没有什么区别?/p>

要解册一问题Q只需盒的行高设Z盒的高度相同卛_Q以q个例子来说Q盒?emQ那么只需在css中再加入一条：(x)line-height: 2em 可实现垂直居中了！

9. 容器内的css定位

css的最大优点之一是可以对象定位在文档的Q何位|，同样的也可以对象在某容器内q行定位。只需要ؓ(f)该容器添加一条css规则Q?/p>

#container {
 position: relative;
}

则容器内的Q何元素的定位都是相对于该容器的。假定你使用以下htmll构Q?/p>

<div id="container"><div id="navigation">...</div></div>

如果惛_navigation定位在容器内d边界30像素Q离剙5像素Q可以用以下css语句Q?/p>

#navigation {
 position: absolute;
 left: 30px;
 top: 5px;
}

10. 延臛_q底部的背景?/strong>

css的缺点之一是缺乏垂直方向的控制Q从而导致了一个表格布局不会(x)遇到的问题。假设你在页面的左侧讑֮了一列用于放|网站的D。页面ؓ(f)白色背景Q但你希望导航所在的列ؓ(f)蓝色背景Q用以下css卛_Q?/p>

#navigation {
 background: blue;
 width: 150px;
}

问题在于D不?x)一直g伸到面的底部，自然它的背景色也不会(x)延到底部。于是左列的蓝色背景在页面上被半路截断，费了你的一番设计。怎么办呢Q很不幸我们现在只能用欺骗的办法Q即body的背景指定ؓ(f)与左列同颜色同宽度的囄Qcss如下Q?/p>

body {
 background: url(blue-image.gif) 0 0 repeat-y;
}

背景囑ֺ为宽150像素的蓝色图片。这一办法的缺Ҏ(gu)没法使用em来指定左列的宽度Q当用户改变文字的大导致内容的宽度扩张Ӟ背景色的宽度不会(x)随之改变。到写这文章ؓ(f)止这是对q类问题的唯一解决办法Q因此你只能为左列用像素值来获得能够自动延的不同的背景艌Ӏ?em>注：(x)文章深入出Q简单扼要，可能未能详尽Q但已深得我心！哈：(x)Q?/em>

另：(x)CSS Hack 览器兼容一览表

CSS Hack 是指我们Z兼容各浏览器Q而用的特别的css定义技巧?/p>

CSS Hack

 


]]>Web |页安全色谱http://www.tkk7.com/balajinima/articles/145118.html李云?/dc:creator>李云?/author>Fri, 14 Sep 2007 06:10:00 GMThttp://www.tkk7.com/balajinima/articles/145118.htmlhttp://www.tkk7.com/balajinima/comments/145118.htmlhttp://www.tkk7.com/balajinima/articles/145118.html#Feedback0http://www.tkk7.com/balajinima/comments/commentRss/145118.htmlhttp://www.tkk7.com/balajinima/services/trackbacks/145118.html阅读全文

]]> վ֩ģ壺 Aһ| ޸͵һ | Ů˱ŮˬƵ| ¶ۺɫ| һ߹ۿƵ| ڵֻˬƵ| ޹Ʒۺɫ| ½һëƬƵۿ| ޾Ʒ߹ۿ| һ߹ۿ| þŷƷ| aëƬ| Ůһһ鴤Ƶ| ۺպ| ޾Ʒ߹ۿ| ޳˻ɫ߹ۿ| պƵѿ| ѹվ߿| ͵޾Ʒ׺ˬ| žȾþƵ| ޺ÿƬӰ| һ234޿Ƶ| ɫAVպ߹ۿ| ٸ17p| ĻmvߵӰ| ޾Ʒ123߹ۿ| ɫֻڵ| ĻѲƵ| 99þۺϾƷ| ɫվav| һaƬþëƬѿ | Ƶۿڵ| žѾþоƷ23| þ޾ƷAVӣ| ҹdj߹ۿƵ| ƷƬѿ| ޵һҳƵ| ݺɫúݺݺۺ| ŷƵһ| ѹվ߹ۿҪ| ۺϾþۺϼþ|