博客园_喵喵

精通CSS高级Web标准解决方案:背景图像基础

2011-02-10T02:34:00Z

既然你已经掌握了理论，我们就开始把理论运用到实践中。当今的Web是一种视觉效果非常丰富的媒体。简便的图像标签使网页设计人员能够将毫无趣味的文档变成图形丰富的浏览体验。图形设计人员很快就掌握了image标签（原本是作为向网站中添加可视内容的方式），将它作为对页面进行视觉修饰的方式。实际上，如果没有发明image标签，那么可能就没有网页设计师这种职业。

不幸的是，对image标签的滥用导致纯修饰性的图像把页面弄乱了。好在CSS使我们能够在页面上显示图像，而不需要让图像成为标签的一部分。实现方法是将图像作为背景添加到现有的元素中。本章将通过一系列实际示例讲解如何使用背景图像创建各种有意思且有用的技术。

在本章中，你将学习：

□ 固定宽度和可变宽度的圆角框。

□ 滑动门技术。

□ 山顶角。

□ CSS阴影。

□ 用于IE 5.x和更高版本的PNG透明度支持。

□ 图像替换。

3.1 背景图像基础

应用背景图像是很容易的。如果希望网站有一个好看的背景，那么只需将图像作为背景应用于主体元素：

body {
background: url(pattern.gif);
}

浏览器的默认行为是水平和垂直地重复显示这个图像，让图像平铺在整个页面上。可以选择背景图像是垂直平铺、水平平铺，还是根本不平铺。

目前渐变非常时髦，你可能希望在页面上应用垂直渐变。为此，需要创建一个很高但很窄的渐变图像，然后将这个图像应用于页面的主体并让它水平平铺：

body{
background: #ccc url(gradient.gif) repeat-x;
}

因为这个渐变图像的高度是固定的，所以如果页面内容的长度超过了图像的高度，那么渐变就会突然终止。可以创建一个非常长的图像，逐渐变化到一个固定的颜色。但是，很难预测页面会有多长。实际上，只需再添加一个背景颜色。背景图像总是出现在背景颜色的上面，所以当图像结束时，颜色就会显示出来了。如果选择的背景颜色与渐变底部的颜色相同，那么图像和背景颜色之间的转换就看不出来了。

平铺图像在某些情况下很有用。但是，在大多数情况下，希望在页面上添加不进行平铺的图像。例如，假设希望在网页的开头显示一个大的品牌图像，那么只需将图像直接添加到页面上，在许多情况下这样做就够了。但是，如果图像不包含信息，是纯装饰性的，那么可能希望将图像从其余内容中分离出来。实现的方法是在HTML中为这个图像创建一个“钩子”，然后使用CSS应用这个图像。在下面的示例中，我在标记中添加一个空的div并且给它设置ID branding。然后可以将这个div的尺寸设置为与品牌图像相同，作为背景应用图像并指定不进行平铺。

#branding {
     width:700px;
     height:200px;
     background:url(/images/branding.gif) no-repeat;
     }

[1] [2]

还可以设置背景图像的位置。假设希望在站点的每个标题上添加一个符号，如图3-1所示。可以编写下面这样的代码：
    h1 {
      padding-left:30px;
      background:url(/images/bullet.gif) no-repeat left center;
      }

图3-1 使用背景图像创建符号

最后两个关键字指出图像的位置。在这个示例中，图像定位在元素的左边并且垂直居中。除了使用关键字之外，还可以使用像素或百分数等单位设置背景图像的位置。

如果使用像素设置背景位置，那么图像左上角到元素左上角的距离为指定的像素数。所以，如果指定垂直和水平位置都是20像素，那么图像左上角出现在元素左上角下面20像素、左边20像素的地方。但是，使用百分数进行背景定位的工作方式不太一样。百分数定位并不对背景图像的左上角进行定位，而是使用图像上的一个对应点。所以，如果指定垂直和水平位置都是20%，那么实际上将图像上距离左上角20%的点定位到父元素上距离左上角20%的位置（见图3-2）。

图3-2 在使用像素进行背景图像定位时，使用图像的左上角。在使用百分数进行背景图像定位时，使用图像上的对应位置

如果希望使用百分数而不是关键字实现前面的示例，那么要将垂直位置设置为50%，这会使符号图像垂直居中：

h1 {
      padding-left:30px;
      background:url(/images/bullet.gif) no-repeat 0 50%;
      }

规范指出，不要将像素或百分数等单位与关键字混合使用。这似乎是一个没有意义的规则，而且许多现代浏览器故意忽略了这个规则。但是，混合使用单位和关键字在某些浏览器上会导致错误，而且很可能使页面失效。因此，最好不要混合使用单位和关键字。

尽管背景图像是一个容易掌握的概念，但是它们构成了许多高级CSS技术的基础。

购买《精通CSS:高级Web标准解决方案》：http://shop.csai.cn/itbook/itbookinfo.asp?lbbh=10014414

[1] [2]

本文链接

精通CSS高级Web标准解决方案:浮动

2011-01-28T09:10:00Z

2.2.4 浮动

最后一种定位模型是浮动模型。浮动的框可以左右移动，直到它的外边缘碰到包含框或另一个浮动框的边缘。因为浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。

如图2-13所示，当把框1向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘。

图2-13 向右浮动的元素

在图2-14中，当把框1向左浮动时，它脱离文档流并且向左移动，直到它的左边缘碰到包含框的左边缘。因为它不再处于文档流中，所以它不占据空间，实际上覆盖住了框2，使框2从视图中消失。如果把所有三个框都向左浮动，那么框1向左浮动直到碰到包含框，另外两个框向左浮动直到碰到前一个浮动框。

图2-14 向左浮动的元素

如果包含块太窄，无法容纳水平排列的三个浮动元素，那么其他浮动块向下移动，直到有足够空间的地方（见图2-15）。如果浮动元素的高度不同，那么当它们向下移动时可能会被其他浮动元素“卡住”。

图2-15 如果没有足够的水平空间，浮动元素将向下移动，直到有足够空间的地方

行框和清理

浮动框旁边的行框被缩短，从而给浮动框留出空间，行框围绕浮动框。实际上，创建浮动框使文本可以围绕图像（见图2-16）。

图2-16 浮动框旁边的行框被缩短

要想阻止行框围绕在浮动框的外边，需要对这个框应用clear。clear属性的值可以是left、right、both或none，它表示框的哪些边不应该挨着浮动框。为了实现这种效果，在被清理元素的顶空白边上面添加足够的空间，使元素的顶边缘垂直下降到浮动框下面（见图2-17）。

图2-17 清理元素的顶空白边，为前一个浮动框留出足够的垂直空间

浮动元素脱离了文档流，不影响周围的元素。但是，对元素进行清理实际上为前面的浮动元素留出了垂直空间。

这是一个有用的布局工具，它让周围的元素为浮动元素留出空间。这解决了前面看到的绝对定位的问题，也就是垂直高度的改变不影响周围的元素，从而破坏了设计。

我们来更详细地看看浮动和清理。假设有一个图片，希望让它浮动到一个文本块的左边。希望将这个图片和文本包含在另一个具有背景颜色和边框的元素中。你可能会编写下面这样的代码：

.news{
    background-color: gray;
    border: solid 1px black;
    }

.news img {
     float:left;
     }

    .news p{
    float:right;
    }
    <div >
    <img src="news-pic.jpg" />
    <p>some text</p>
    </div>

但是，因为浮动元素脱离了文档流，所以包围图片和文本的div不占据空间。如何让包围元素在视觉上包围浮动元素呢？需要在这个元素中的某个地方应用clear（见图2-18）。

图2-18 因为浮动元素不占据空间，所以容器元素不包围它们。添加一个进行清理的空元素可以迫使容器元素包围浮动元素

不幸的是，没有现有的元素可以应用清理，所以需要添加一个空元素并且清理它。

.news{
    background-color: gray;
    border: solid 1px black;
    }

.news img {
     float:left;
     }

    .news p{
    float:right;
    }

.clear{
      clear:both;
      }
    <div >
    <img src="news-pic.jpg" />
    <p>some text</p>
    </div>

这会实现我们希望的效果，但是要添加不必要的代码。常常有元素可以应用clear，但是有时候不得不为了进行布局而添加无意义的标记。

还可以不对浮动的文本和图像进行清理，而是选择对容器div进行浮动：

.news{
    background-color: gray;
    border: solid 1px black;
    float:left;
    }

.news img {
float:left;
}

.news p{
float:right;
}

这也会产生我们想要的结果。不幸的是，下一个元素会受到这个浮动元素的影响。为了解决这个问题，有些人选择对布局中的几乎所有东西进行浮动，然后使用适当的有意义元素（常常是站点的页脚）对这些浮动元素进行清理。这有助于减少或消除不必要的标记。但是，浮动会变得复杂，而且一些老式浏览器在处理有许多浮动元素的布局时有困难。因此，许多人喜欢添加少量的额外标记。

应用值为hidden或auto的overflow属性会自动地清理包含的任何浮动元素，而不需要添加额外的标记。这个方法并不适合所有情况，因为设置框的overflow属性会影响它的表现。

最后，一些人使用CSS生成的内容或JavaScript对浮动元素进行清理。这两种方法的基本概念是相同的。并不直接向标记中添加进行清理的元素，而是将它动态地添加到页面中。

对于这两种方法，需要指定进行清理的元素应该出现在哪里，而且常常要添加一个类名：

在使用CSS方法时，结合使用:after伪类和内容声明在指定的现有内容的末尾添加新的内容。在这个示例中，我添加了一个句点，因为它是个非常小的不引人注意的字符。不希望新内容占据垂直空间或者在页面上显示，所以需要将height设置为0，将visibility设置为hidden。因为被清理的元素在它们的顶空白边上添加了空间，所以生成的内容需要将它的display属性设置为block。

这样设置之后，就可以对生成的内容进行清理：

.clear:after {
    content: ".";
    height:0;
    visibility: hidden;
    display: block;
    clear:both;
    }

这个方法在大多数现代浏览器中是有效的，但是在IE 6和更低版本中不起作用。有各种解决方案，其中许多记录在www.positioniseverything.net/easyclearing.html中。最常用的解决方案涉及使用Holly招数（见第8章），从而迫使IE 5-6应用“布局”（见第9章）和不正确地清理浮动元素。

.clear{
    display: block;
    }
    /* holly hack targets ie win only \*/
    * html .clear {height:1%;}
    .clear {display:block;}
    /* end holly hack */

但是，由于其复杂性，这个方法可能不适合所有人采用。

对JavaScript方法的解释超出了本书的范围，但是需要简要地提及一下。与前面的方法不同，JavaScript方法在所有主流浏览器上都是有效的（在打开脚本功能的情况下）。但是，如果使用这个方法，就需要确保在关闭脚本功能的情况下内容仍然是可读的。

2.3 小结

在本章中，学习了框模型的一些性质。看到了相邻垂直空白边的叠加如何形成单一空白边，以及Windows上的IE 5.x如何以与其他浏览器不同的方式解释width属性。理解了绝对定位和相对定位之间的差异，以及在相对定位的容器中进行绝对定位是多么有用。最后，还看到了浮动在各种情况下的表现，学习了如何通过增加顶空白边对元素进行清理。

具备了这些知识之后，我们就可以开始运用它们了。在本书的下一部分中，我们将讲解许多CSS核心概念，你将看到如何使用这些概念创建各种有用且实用的技术。打开惯用的文本编辑器，我们要开始编程了。

本文链接

精通CSS高级Web标准解决方案:相对定位与绝对定位

2011-01-28T03:32:00Z

2.2.2 相对定位

相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。如果将top设置为20像素，那么框将出现在原位置顶部下面20像素的地方。如果将left设置为20像素，那么会在元素左边创建20像素的空间，也就是将元素向右移动（见图2-10）。

#mybox {
      position relative;
      left: 20px;
      top: 20px;
      }

图2-10 对元素进行相对定位

在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其他框。

2.2.3 绝对定位

相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。与之相反，绝对定位使元素的位置与文档流无关，因此不占据空间。普通文档流中其他元素的布局就像绝对定位的元素不存在时一样（见图2-11）。

图2-11 对元素进行绝对定位

绝对定位的元素的位置相对于最近的已定位祖先元素。如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。根据用户代理的不同，最初的包含块可能是画布或HTML元素。

与相对定位的框一样，绝对定位的框可以从它的包含块向上、下、左、右移动。这提供了很大的灵活性。可以直接将元素定位在页面上的任何位置。

对于定位的主要问题是要记住每种定位的意义。相对定位是“相对于”元素在文档流中的初始位置，而绝对定位是“相对于”最近的已定位祖先元素，如果不存在已定位的祖先元素，那么是最初的包含块。

因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其他元素。可以通过设置z-index属性来控制这些框的堆放次序。z-index值越高，框在堆中的位置就越高。

绝对定位的元素的位置相对于最近的已定位祖先元素，这使我们能够实现一些非常有意思的效果。例如，假设希望让一个文本段落对准一个大框的右下角。只需对包含框进行相对定位，然后相对于这个框对段落进行绝对定位：

#branding {
      width: 700px;
      height: 100px;
      position:relative;
      }
     #branding.tel{
     position:absolute;
     right:10px;
     bottom:10px;
     text-align:right;
     }
    <div id="branding">
    <p >tel:0845 838 6163</p>
    </div>

相对于相对定位的祖先元素对框进行绝对定位，这在大多数现代浏览器中实现得很好。但是，在Windows上的IE 5.5和IE 6中有一个bug。如果试图相对于相对定位的框的右边或底部设置绝对定位的框的位置，那么需要确保相对定位的框已经设置了尺寸。如果没有，那么IE会相对于画布定位这个框。在第9章中可以进一步了解这个bug和修复方法。简单的解决方案是为相对定位的框设置宽度和高度，从而避免这一问题。

在进行页面布局时，绝对定位是非常有用的工具，尤其是在使用相对定位的祖先元素的情况下。完全可能只使用绝对定位创建出整个设计。为此，这些元素需要具有固定尺寸，这样就能够将它们定位在任何地方而不会有重叠的风险。

因为绝对定位的元素与文档流无关，所以它们不影响普通流中的框。如果扩大绝对定位的框（例如，通过增加字号），周围的框不会重新定位。因此，尺寸的任何改变会导致绝对定位的框产生重叠，从而破坏精心调整过的布局。

固定定位

固定定位是绝对定位的一个子类别。差异在于固定元素的包含块是视口。这使我们能够创建总是出现在窗口中相同位置的浮动元素。这种情况的一个示例可以在snook.ca上看到（见图2-12）。博客评论表单采用固定定位，这使它在页面滚动时一直出现在屏幕上的相同位置。这有助于改进易用性，用户不必为了发表评论而一直滚动到页面底部。

图2-12 在snook.ca上，屏幕右边的评论区域采用固定定位，因此一直出现在视口中的相同位置

不幸的是，IE 6和更低版本不支持固定定位。为了解决这个问题，Jonathan Snook使用JavaScript在IE中重现了这个效果。

本文链接

精通CSS高级Web标准解决方案:空白边叠加

2011-01-28T03:28:00Z

2.1.2 空白边叠加

空白边叠加是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，当两个垂直空白边相遇时，它们将形成一个空白边。这个空白边的高度等于两个发生叠加的空白边的高度中的较大者。

当一个元素出现在另一个元素上面时，第一个元素的底空白边与第二个元素的顶空白边发生叠加（见图2-4）。

图2-4 元素的顶空白边与前面元素的底空白边发生叠加

当一个元素包含在另一个元素中时（假设没有填充或边框将空白边分隔开），它们的顶和/或底空白边也发生叠加（见图2-5）。

图2-5 元素的顶空白边与父元素的顶空白边发生叠加

尽管初看上去有点儿奇怪，但是空白边甚至可以与本身发生叠加。假设有一个空元素，它有空白边，但是没有边框或填充。在这种情况下，顶空白边与底空白边就碰到了一起，它们会发生叠加（见图2-6）。

图2-6 元素的顶空白边与底空白边发生叠加

如果这个空白边碰到另一个元素的空白边，它还会发生叠加（见图2-7）。

图2-7 空元素中已经叠加的空白边与另一个空元素的空白边发生叠加

这就是一系列空的段落元素占用的空间非常小的原因，因为它们的所有空白边都叠加到一起，形成一个小的空白边。

空白边叠加初看上去可能有点儿奇怪，但是它实际上是有意义的。以由几个段落组成的典型文本页面为例（见图2-8）。第一个段落上面的空间等于段落的顶空白边。如果没有空白边叠加，后续所有段落之间的空白边将是相邻顶空白边和底空白边的和。这意味着段落之间的空间是页面顶部的两倍。如果发生空白边叠加，段落之间的顶空白边和底空白边就叠加在一起，这样各处的距离就一致了。

图2-8 空白边叠加在元素之间维护了一致的距离

只有普通文档流中块框的垂直空白边才会发生空白边叠加。行内框、浮动框或绝对定位框之间的空白边不会叠加。

本文链接

SHTML 教程

2011-01-23T01:20:00Z

什么是 SHTML

使用SSI（Server Side Include）的html文件扩展名，SSI（Server Side Include），通常称为“服务器端嵌入”或者叫“服务器端包含”，是一种类似于ASP的基于服务器的网页制作技术。

SSI工作原理：

将内容发送到浏览器之前，可以使用“服务器端包含 (SSI)”指令将文本、图形或应用程序信息包含到网页中。例如，可以使用 SSI 包含时间/日期戳、版权声明或供客户填写并返回的表单。对于在多个文件中重复出现的文本或图形，使用包含文件是一种简便的方法。将内容存入一个包含文件中即可，而不必将内容输入所有文件。通过一个非常简单的语句即可调用包含文件，此语句指示 Web 服务器将内容插入适当网页。而且，使用包含文件时，对内容的所有更改只需在一个地方就能完成。

因为包含 SSI 指令的文件要求特殊处理，所以必须为所有 SSI 文件赋予 SSI 文件扩展名。默认扩展名是 .stm、.shtm 和 .shtml。

Web 服务器在处理网页的同时处理 SSI 指令。当 Web 服务器遇到 SSI 指令时，直接将包含文件的内容插入 HTML 网页。如果“包含文件”中包含 SSI 指令，则同时插入此文件。除了用于包含文件的基本指令之外，还可以使用 SSI 指令插入文件的相关信息（如文件的大小）或者运行应用程序或 shell 命令。

网站维护常常碰到的一个问题是，网站的结构已经固定，却为了更新一点内容而不得不重做一大批网页。SSI提供了一种简单、有效的方法来解决这一问题，它将一个网站的基本结构放在几个简单的HTML文件中（模板），以后我们要做的只是将文本传到服务器，让程序按照模板自动生成网页，从而使管理大型网站变得容易。

所以，利用SHTML格式的页面目的和 ASP 差不多，但是因为是 API 所以运转速度更快，效率更高，比ASP快，比HTML慢，但由于可以使用服务器端包含，因此使页面更新容易（特别是批量更新banner，版权等），想象一下吧，你有一段 HTML，要在中间穿插一些特殊的服务端脚本，比如插入其他 HTML 段落，你选择 ASP 来完成这个任务，但是如果任务更繁重，需要更多的时间，比如 5 s，这个时候你不用 ASP 而用 SHTML，或许处理时间就只用 4s 了。

SSI有什么用？

之所以要扯到 SSI，是因爲 Shtml - Server-Parsed HTML 的首字母缩略词。包含有嵌入式服务器方包含命令的 HTML 文本。在被传送给浏览器之前，服务器会对 SHTML 文档进行完全地读取、分析以及修改。shtml和asp 有一些相似，以shtml命名的文件里，使用了ssi的一些指令，就像asp中的指令，你可以在SHTML文件中写入SSI指令，当客户端访问这些shtml文件时，服务器端会把这些SHTML文件进行读取和解释，把SHTML文件中包含的SSI指令解释出来比如：你可以在SHTML文件中用SSI指令引用其他的html文件（#include ），服务器传送给客户端的文件，是已经解释的SHTML不会有SSI指令。它实现了HTML所没有的功能，就是可以实现了动态的SHTML，可以说是HTML的一种进化吧。像新浪的新闻系统就是这样的，新闻内容是固定的但它上面的广告和菜单等就是用#include引用进来的。

目前，主要有以下几种用用途：

显示服务器端环境变量<#echo>
将文本内容直接插入到文档中<#include>
显示WEB文档相关信息<#flastmod #fsize> (如文件制作日期/大小等)
直接执行服务器上的各种程序<#exec>(如CGI或其他可执行程序)
设置SSI信息显示格式<#config>(如文件制作日期/大小显示方式)

高级SSI<XSSI>可设置变量使用if条件语句。

使用SSI

SSI是为WEB服务器提供的一套命令，这些命令只要直接嵌入到HTML文档的注释内容之中即可。如：

就是一条SSI指令，其作用是将"info.htm"的内容拷贝到当前的页面中，当访问者来浏览时，会看到其它HTML文档一样显示info.htm其中的内容。其它的SSI指令使用形式基本同刚才的举例差不多，可见SSI使用只是插入一点代码而已，使用形式非常简单。当然，如果WEB服务器不支持SSI，它就会只不过将它当作注释信息，直接跳过其中的内容；浏览器也会忽略这些信息。

如何在我的WEB服务器上配置SSI功能？

在一些WEB服务器上（如IIS 4.0/SAMBAR 4.2），包含 #include 指令的文件必须使用已被映射到 SSI 解释程序的扩展名；否则，Web 服务器将不会处理该SSI指令；默认情况下，扩展名 .stm、.shtm 和 .shtml 被映射到解释程序（Ssinc.dll）。
Apache则是根据你的设置情况而定，修改srm.conf如：

AddType text/x-server-parsed-html .shtml 将只对.shtml扩展名的文件解析SSI指令
AddType text/x-server-parsed-html .html 将对所有HTML文档解析SSI指令

Netscape WEB服务器直接使用 Administration Server(管理服务器)可打开SSI功能。
Website 使用 Server Admin 程序中的 Mapping 标签，扩展名添加内容类型为：wwwserver/html-ssi
Cern 服务器不支持SSI，可用SSI诈骗法，到 http://sw.cse.bris.ac.uk/WebTools/fakessi.html 上下载一个PERL脚本，即可使你的CERN服务器使用一些SSI指令。（不支持exec指令。）

SSI指令基本格式

程序代码：

<!-- 指令名称="指令参数">

示例：

说明：

是HTML语法中表示注释，当WEB服务器不支持SSI时，会忽略这些信息。
#include 为SSI指令之一。
file 为include的参数， info.htm为参数值，在本指令中指将要包含的文档名。

注意：

<!--与#号间无空格，只有SSI指令与参数间存在空格。
上面的标点=""，一个也不能少。
SSI指令是大小写敏感的，因此参数必须是小写才会起作用。

SSI指令使用详解

#echo 示范

作用：将环境变量插入到页面中。

语法：

示例：

本文档名称
 现在时间
 你的IP地址

#include 示范

作用：将文本文件的内容直接插入到文档页面中。

语法：

file 文件名是一个相对路径，该路径相对于使用 #include 指令的文档所在的目录。被包含文件可以在同一级目录或其子目录中，但不能在上一级目录中。如表示当前目录下的的nav_head.htm文档，则为file="nav_head.htm"。
virtual 文件名是 Web 站点上的虚拟目录的完整路径。如表示相对于服务器文档根目录下hoyi目录下的nav_head.htm文件；则为file="/hoyi/nav_head.htm"

参数：

file 指定包含文件相对于本文档的位置
virtual 指定相对于服务器文档根目录的位置

注意：

文件名称必须带有扩展名。
被包含的文件可以具有任何文件扩展名，我觉得直接使用htm扩展名最方便，微软公司推荐使用 .inc 扩展名（这就看你的爱好了）。

示例：

将头文件插入到当前页面
 将尾文件插入到当前页面

#flastmod 和 #fsize 示范

作用：

#flastmod 文件最近更新日期
#fsize 文件的长度

语法：

参数：

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

注意：文件名称必须带有扩展名。

示例：

将当前目录下news.htm文件的最近更新日期插插入到当前页面
 将当前目录下news.htm的文件大小入到当前页面

#exec 示范

作用：将某一外部程序的输出插入到页面中。可插入CGI程序或者是常规应用程序的输入，这取决于使用的参数是cmd还是cgi。

语法：

参数：

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

示例：

将会显示密码文件
 将会显示当前目录下文件列表
 将会执行CGI程序gb.cgi。
 将会执行CGI程序access_log.cgi。

注意：从上面的示例可以看出，这个指令相当方便，但是也存在安全问题。

禁止方法：

Apache，将access.conf中的"Options Includes ExecCGI"这行代码删除；
在IIS中，要禁用 #exec 命令，可修改 SSIExecDisable 元数据库；

#config

作用：指定返回给客户端浏览器的错误信息、日期和文件大小的格式。

语法：

参数：

errmsg 自定义SSI执行错误信息，可以为任何你喜欢的方式。
sizefmt 文件大小显示方式，默认为字节方式("bytes")可以改为千字节方式("abbrev")
timefmt 时间显示方式，最灵活的配置属性。

示例：显示一个不存在文件的大小

以千字节方式显示文件大小

语法：

以特定的时间格式显示时间

显示今天是星期几，几月，时区

XSSI

XSSI（Extended SSI）是一组高级SSI指令，内置于Apache 1.2或更高版本的mod-include模块之中。其中可利用的的指令有：

#printenv
#set
#if

#printenv

作用：显示当前存在于WEB服务器环境中的所有环境变量。

语法：

#set

作用：可给变量赋值，以用于后面的if语句。

语法：

示例：

#if

作用：创建可以改变数据的页面，这些数据根据使用if语句时计算的要求予以显示。

语法：

显示内容

显示内容

显示内容

示例：

欢迎光临 http://www.baidu.com

欢迎光临 http://www.google.com

欢迎光临 Afly's Blog！

注意：用于前面指令中的反斜杠，是用来代换内部的引号，以便它们不会被解释为结束表达式。不可省略。

1、Config 命令

Config 命令主要用于修改SSI的默认设置。其中：

Errmsg：设置默认错误信息。为了能够正常的返回用户设定的错误信息，在HTML文件中Errmsg参数必须被放置在其它SSI命令的前面，否则客户端只能显示默认的错误信息，而不是由用户设定的自定义信息。

Timefmt：定义日期和时间的使用格式。Timefmt参数必须在echo命令之前使用。

显示结果为：

Wednesday， April 12， 2000

也许用户对上例中所使用的%A %B %d感到很陌生，下面我们就以表格的形式总结一下SSI中较为常用的一些日期和时间格式。

Sizefmt：决定文件大小是以字节、千字节还是兆字节为单位表示。如果以字节为单位，参数值为"bytes"；对于千字节和兆字节可以使用缩写形式。同样，sizefmt参数必须放在fsize命令的前面才能使用。

2、Include 命令

Include 命令可以把其它文档中的文字或图片插入到当前被解析的文档中，这是整个SSI的关键所在。通过Include命令只需要改动一个文件就可以瞬间更新整个站点！

Include 命令具有两个不同的参数：

Virtual：给出到服务器端某个文档的虚拟路径。
File：给出到当前目录的相对路径，其中不能使用"../"，也不能使用绝对路径。

这就要求每一个目录中都包含一个header.html文件。

3、Echo 命令

Echo 命令可以显示以下各环境变量：

DOCUMENT_NAME：显示当前文档的名称。
DOCUMENT_URI：显示当前文档的虚拟路径。例如：

随着网站的不断发展，那些越来越长的URL地址肯定会让人头疼。如果使用SSI，一切就会迎刃而解。因为我们可以把网站的域名和SSI命令结合在一起显示完整的URL，即：

http://YourDomain

QUERY_STRING_UNESCAPED：显示未经转义处理的由客户端发送的查询字串，其中所有的特殊字符前面都有转义符"\"。例如：

DATE_LOCAL：显示服务器设定时区的日期和时间。用户可以结合config命令的timefmt参数，定制输出信息。例如：

显示结果为：

Saturday， the 15 of April， in the year 2000

DATE_GMT：功能与DATE_LOCAL一样，只不过返回的是以格林尼治标准时间为基准的日期。例如：

LAST_MODIFIED：显示当前文档的最后更新时间。同样，这是SSI中非常实用的一个功能，只要在HTML文档中加入以下这行简单的文字，就可以在页面上动态的显示更新时间。

CGI环境变量

除了SSI环境变量之外，echo命令还可以显示以下CGI环境变量：

SERVER_SOFTWARE：显示服务器软件的名称和版本。例如：

SERVER_NAME：显示服务器的主机名称，DNS别名或IP地址。例如：

SERVER_PROTOCOL：显示客户端请求所使用的协议名称和版本，如HTTP/1.0。例如：

SERVER_PORT：显示服务器的响应端口。例如：

REQUEST_METHOD：显示客户端的文档请求方法，包括GET， HEAD，和POST。例如：

REMOTE_HOST：显示发出请求信息的客户端主机名称。

REMOTE_ADDR：显示发出请求信息的客户端IP地址。

AUTH_TYPE：显示用户身份的验证方法。

REMOTE_USER：显示访问受保护页面的用户所使用的帐号名称。

4、Fsize：显示指定文件的大小，可以结合config命令的sizefmt参数定制输出格式。

5、Flastmod：显示指定文件的最后修改日期，可以结合config 命令的timefmt参数控制输出格式。

这里，我们可以利用flastmod参数显示出一个页面上所有链接页面的更新日期。方法如下：

<A HREF="/directory/file.html">File</A>

<A HREF="/another_directory/another_file.html">Another File</A>

显示结果为：

File April 19， 2000
Another File January 08， 2000

6、Exec

Exec命令可以执行CGI脚本或者shell命令。使用方法如下：

Cmd：使用/bin/sh执行指定的字串。如果SSI使用了IncludesNOEXEC选项，则该命令将被屏蔽。
Cgi：可以用来执行CGI脚本。例如，下面这个例子中使用服务端cgi-bin目录下的counter.pl脚本程序在每个页面放置一个计数器：

关于SHTML和HTML的区别

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

虽然两者都是超文本格式，但shtml是一种用于SSI技术的文件。也就是Server Side Include--SSI 服务器端包含指令。如果Web Server有SSI功能的话，大多数（尤其是基于Unix平台）的WEB服务器，如Netscape Enterprise Server等均支持SSI命令。

本文链接

C#获取本地计算机名,IP,MAC地址,硬盘ID

2011-01-12T00:54:00Z

using System;
using System.Data;
using System.Configuration;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Management;

/// <summary>
///Computer 的摘要说明
/// </summary>
public class Computer
{
    public string CpuID;
    public string MacAddress;
    public string DiskID;
    public string IpAddress;
    public string LoginUserName;
    public string ComputerName;
    public string SystemType;
    public string TotalPhysicalMemory; //单位：M
    private static Computer _instance;
    public static Computer Instance()
    {
        if (_instance == null)
            _instance = new Computer();
        return _instance;
    }
    public Computer()
    {
        CpuID = GetCpuID();
        MacAddress = GetMacAddress();
        DiskID = GetDiskID();
        IpAddress = GetIPAddress();
        LoginUserName = GetUserName();
        SystemType = GetSystemType();
        TotalPhysicalMemory = GetTotalPhysicalMemory();
        ComputerName = GetComputerName();
    }
    public string GetCpuID()
    {
        try
        {
            //获取CPU序列号代码
            string cpuInfo = "";//cpu序列号
            ManagementClass mc = new ManagementClass("Win32_Processor");
            ManagementObjectCollection moc = mc.GetInstances();
            foreach (ManagementObject mo in moc)
            {
                cpuInfo = mo.Properties["ProcessorId"].Value.ToString();
            }
            moc = null;
            mc = null;
            return cpuInfo;
        }
        catch
        {
            return "unknow";
        }
        finally
        {
        }

    }
    public string GetMacAddress()
    {
        try
        {
            //获取网卡硬件地址
            string mac = "";
            ManagementClass mc = new ManagementClass("Win32_NetworkAdapterConfiguration");
            ManagementObjectCollection moc = mc.GetInstances();
            foreach (ManagementObject mo in moc)
            {
                if ((bool)mo["IPEnabled"] == true)
                {
                    mac = mo["MacAddress"].ToString();
                    break;
                }
            }
            moc = null;
            mc = null;
            return mac;
        }
        catch
        {
            return "unknow";
        }
        finally
        {
        }

    }
    public string GetIPAddress()
    {
        try
        {
            //获取IP地址
            string st = "";
            ManagementClass mc = new ManagementClass("Win32_NetworkAdapterConfiguration");
            ManagementObjectCollection moc = mc.GetInstances();
            foreach (ManagementObject mo in moc)
            {
                if ((bool)mo["IPEnabled"] == true)
                {
                    //st=mo["IpAddress"].ToString();
                    System.Array ar;
                    ar = (System.Array)(mo.Properties["IpAddress"].Value);
                    st = ar.GetValue(0).ToString();
                    break;
                }
            }
            moc = null;
            mc = null;
            return st;
        }
        catch
        {
            return "unknow";
        }
        finally
        {
        }

    }

    public string GetDiskID()
    {
        try
        {
            //获取硬盘ID
            String HDid = "";
            ManagementClass mc = new ManagementClass("Win32_DiskDrive");
            ManagementObjectCollection moc = mc.GetInstances();
            foreach (ManagementObject mo in moc)
            {
                HDid = (string)mo.Properties["Model"].Value;
            }
            moc = null;
            mc = null;
            return HDid;
        }
        catch
        {
            return "unknow";
        }
        finally
        {
        }

    }

    /// <summary>
    /// 操作系统的登录用户名
    /// </summary>
    /// <returns></returns>
    public string GetUserName()
    {
        try
        {
            string st = "";
            ManagementClass mc = new ManagementClass("Win32_ComputerSystem");
            ManagementObjectCollection moc = mc.GetInstances();
            foreach (ManagementObject mo in moc)
            {

                st = mo["UserName"].ToString();

            }
            moc = null;
            mc = null;
            return st;
        }
        catch
        {
            return "unknow";
        }
        finally
        {
        }

    }

    /// <summary>
    /// PC类型
    /// </summary>
    /// <returns></returns>
    public string GetSystemType()
    {
        try
        {
            string st = "";
            ManagementClass mc = new ManagementClass("Win32_ComputerSystem");
            ManagementObjectCollection moc = mc.GetInstances();
            foreach (ManagementObject mo in moc)
            {

                st = mo["SystemType"].ToString();

            }
            moc = null;
            mc = null;
            return st;
        }
        catch
        {
            return "unknow";
        }
        finally
        {
        }

    }

    /// <summary>
    /// 物理内存
    /// </summary>
    /// <returns></returns>
    public string GetTotalPhysicalMemory()
    {
        try
        {

            string st = "";
            ManagementClass mc = new ManagementClass("Win32_ComputerSystem");
            ManagementObjectCollection moc = mc.GetInstances();
            foreach (ManagementObject mo in moc)
            {

                st = mo["TotalPhysicalMemory"].ToString();

            }
            moc = null;
            mc = null;
            return st;
        }
        catch
        {
            return "unknow";
        }
        finally
        {
        }
    }
    /// <summary>
    ///
    /// </summary>
    /// <returns></returns>
    public string GetComputerName()
    {
        try
        {
            return System.Environment.GetEnvironmentVariable("ComputerName");
        }
        catch
        {
            return "unknow";
        }
        finally
        {
        }
    }

}

本文链接

18种最实用的网站推广方法大全

2011-01-11T10:19:00Z

这些方法是我们在推广千军网络时整理的，现在发布一下，与大家共享，大家可以按照自己的网站的定位来选择其中的几种，不断尝试、不断完善。

　　1、搜索引擎推广法-首选
　　新手站长，最热衷的就是这个短平快的方法。搜索网站的功能就是整合网络资源，给网民找到最适合的网站内容，给其他网站带去流量是其意想不到的副作用。很多站长类网站的网站推广栏目，似乎都变成seo专区了。seo的最好方法，就是网页代码规范、访问速度快、内容独特少重复，对网民有用，而且具有唯一性。便于搜索，有利于在搜索平台上排名。

　　2、QQ群网站推广法
　　用几十个qq，每个qq加入几十个群，每天发一遍网站。平均、50个qq*每个qq加入50个群*每个群50个人=75000人观看。如果qq更多，加入的群更多，加入的是大群，每个群的人数更多，则宣传效果更好。即使排除不在线的qq用户，效果也不容低估。要忍辱负重，不怕被踢。另外就是在QQ群是是可以发群邮件的，你可以把你的网站上的精彩内容在邮件中推荐。

　　3、软文网站推广法
　　写文章，或者引用好文章，里面巧妙地加入自己的网址。

　　4、博客网站推广法
　　软文要有发表的地方。一个是发到论坛，文章站，一个是发到博客里。发到博客里有个好处，不会被乱删。我的网站在zblog里发过求助或帮助帖。

　　5、媒体网站推广法
　　让传统的媒体，报纸、电视、广播等等报道。

　　6、手机网站推广法
　　wap网站、群发短信、彩铃提示等。手机的功能越来越强，小巧容易携带，以后手机的上网人数肯定超过电脑人数。

　　7、网摘网站推广法
　　提高优质网页、图片、帖子到网摘站和聚合类网站。如果被推荐，也能有不少流量。

　　8、论坛网站推广法
　　注册几十个几百个论坛，每个论坛注册几十个帐号，把签名设为自己的网站。发表热门内容，自己顶自己帖子。注意换马甲，发布有争议性的标题内容。好的标题是论坛推广成败的100%。这里说的论坛是指泛论坛，包含留言本、论坛、贴吧等等一切网民可能聚集的地方。

　　9、第三极网站推广法
　　在宣传网站的同时，缀上自己的财富第三极号码。在每个网页的内容后面，加上自己的财富第三极号码，扩大知名度，还有带来额外的财富收入。

　　10、邮件列表网站推广法
　　就是定期不定期的给网民发送电子杂志。

　　11、非预期邮件网站推广法
　　用专业的邮件群发工具，上网批量搜集电子信箱地址，然后群发。如今的很多网站，都要用电子信箱作为用户名，因此，搜集电子信箱地址，比以前方便多了，而且这些电子信箱都是活信箱，网民经常用的信箱，而非失效的信箱，效果不错。邮件标题要“规范”，别让网民误以为是垃圾邮件。

　　12、口碑网站推广法
　　好好做内容，让网民自己主动传播你的网站。

　　13、限制内容网站推广法
　　给网站内容分出访问等级，设置访问条件。给网民一个推广链接，网民只有推荐够一定访客或者注册会员后，才能访问该内容。非主流色彩爱情网站多用此方法，效果奇佳。

　　14、网站排名投票网站推广法
　　加入其他的网站推出的网站排名，或者给其他站进行网站排名，都能有效地提高网站的展示率。

　　15、聚合链接网站推广法
　　将优秀内容聚合在一起，吸引网民。

　　16、bt电驴哇嘎资源网站推广法
　　可以在音视频文件里放入自己的网站，特别是在一些需要证书才能收看的视频文件里，甚至可以弹出网站。一些站长使用这种方法，借助最新的电影上映时机，发布一个视频文件，就能搞到几十万的ip，效果绝对一流。

　　17、图片打水印网站推广法
　　防止别的网站引用图片，不仅不友好没效果，而且阻挡了搜索引擎的收录。从某种角度来说，其他网站也是自己网站的特殊网民。如果给网站打上水印，放上网站地址，积极地让别的站引用图片，提高网址曝光率，那么宣传效果是很好。水印法，包括图片水印法、视频水印法、网页水印法……

　　18、视频源flash网站推广法
　　如今的视频网站，都提供外部的访问接口。在别的网站、日志引用这些视频的同时，直接宣传了网站，扩大了网站的影响力。

本文链接

MSSQL通用分页存储过程

2010-12-23T06:43:00Z

set ANSI_NULLS ON
set QUOTED_IDENTIFIER ON
go

ALTER        PROCEDURE [dbo].[GetDataSet]
@TableList Varchar(200)='*',
@TableName Varchar(300),
@SelectWhere Varchar(1000)='',
@SelectOrderId Varchar(200),
@SelectOrder Varchar(200)='',
@intPageNo int=1, --页号
@intPageSize int=10 --每页显示数
as
begin
    set nocount on--关闭计数
    declare @RecordCount int  --总记录数(存储过程输出参数)
    declare @TmpSelect      NVarchar(2000)
    declare @Tmp     NVarchar(600)

    if @SelectWhere=''
        begin
            set @TmpSelect = 'select @RecordCount = count(*) from '+@TableName
        end
    else
        begin
            set @TmpSelect = 'select @RecordCount = count(*) from '+@TableName +' where '+@SelectWhere
        end
    execute sp_executesql  @TmpSelect,    --执行上面的sql语句
    N'@RecordCount int OUTPUT' ,  --执行输出数据的sql语句，output出总记录数
    @RecordCount  OUTPUT
    --if (@RecordCount = 0)    --如果没有，则返回零
               --return 0
    /*判断页数是否正确*/
      if (@intPageNo - 1) * @intPageSize > @RecordCount   --页号大于总页数，返回错误
        return (-1)
    --set nocount off--打开计数

    if @SelectWhere != ''
        begin
            set @TmpSelect = 'select top '+str(@intPageSize)+' '+@TableList+' , '''+str(@RecordCount)+''' as Count from '+@TableName+' where '+@SelectOrderId+' not in(select top '+str((@intPageNo-1)*@intPageSize)+' '+@SelectOrderId+' from '+@TableName+' where 1=1 and '+@SelectWhere +' '+@SelectOrder+') and '+@SelectWhere +' '+@SelectOrder
        end
    else
        begin
            set @TmpSelect = 'select top '+str(@intPageSize)+' '+@TableList+' , '''+str(@RecordCount)+''' as Count from '+@TableName+' where '+@SelectOrderId+' not in(select top '+str((@intPageNo-1)*@intPageSize)+' '+@SelectOrderId+' from '+@TableName+' '+@SelectOrder+') '+@SelectOrder
        end
    execute sp_executesql @TmpSelect
    return(@@rowcount)
end

本文链接

asp.net下使用CKEditor和CKFinder

2010-12-22T05:41:00Z

1、下载 ckeditor_3.0.1.zip 并解压到 ckeditor（在根目录下）。

官方网站：CKEditor（Fully functional, open source editor, with source code included）

下载地址：CKEditor

2、在 aspx 页面或者 master 模板页 <head> 标签中载入 ckeditor.js：

<script src="../ckeditor/ckeditor.js" type="text/javascript"></script>

　　在<body>标签中使用ckeditor：

<asp:TextBox id="txtContent" class="ckeditor" TextMode="MultiLine" Text='<%# Bind("info") %>' runat="server"></asp:TextBox>

　　与其他 .net 控件使用方法相同，设置 Text='<%# Bind("info") %>' 可以方便与数据源进行交互。

3、config.js 的自定义

CKEDITOR.editorConfig = function(config) {

    // Define changes to default configuration here. For example:
    config.language = 'zh-cn'; //配置语言
    // config.uiColor = '#FFF'; //背景颜色
    // config.width = 400; //宽度
    config.height = 400; //高度
    config.skin = 'v2'; //编辑器样式

// 取消 “拖拽以改变尺寸”功能
config.resize_enabled = false;

    // 基础工具栏
    // config.toolbar = "Basic";

    // 全能工具栏
    // config.toolbar = "Full";

    // 自定义工具栏
    config.toolbar =
    [
    ['Source', '-', 'Preview'], ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord'], ['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'], ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote', 'ShowBlocks'], '/',
    ['Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript', 'Superscript'], ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'], ['Link', 'Unlink', 'Anchor'], ['Image', 'Flash', 'Table', 'HorizontalRule', 'SpecialChar'], '/',
    ['Styles', 'Format', 'Font', 'FontSize'], ['TextColor', 'BGColor'], ['Maximize', '-', 'About']
    ];

};

4、要精简 ckeditor 可以将 _samples、_source 文件夹删除，lang 目录下可以只保留en.js、zh.js、zh-cn.js 三个语言文件。

5、CKEditor 不具备上传功能，需要集成 CKFinder 才能实现上传功能。

CKFinder 与 CKEditor 进行集成的配置方法：

官方网站：CKFinder（powerful and easy to use Ajax file manager for web browsers）

下载地址：CKFinder for Asp.net

6、下载 ckfinder_aspnet_1.4.1.1.zip 并解压到 ckfinder（在根目录下）。

7、将 " \ckfinder\bin\CKFinder.dll " 剪切到根目录的 Bin 文件夹中或添加 CKFinder.dll 引用，否则出现如下错误：

XML request error: Internal Server Error (500)

Do you want to see more info?

8、打开 " \ckfinder\config.ascx "，修改 BaseUrl 为 BaseUrl = "~/ckfinder/userfiles/";
　 // 注意“~”
　 // 以 userfiles 为默认路径，其目录下会自动生成images、flash等子目录。

9、在 ckeditor/config.js 中集成 ckfinder。

　　// 自定义 CKEditor 样式
　　CKEDITOR.editorConfig = function(config) {
　　……
　　}

　　// 在 CKEditor 中集成 CKFinder，注意 ckfinder 的路径选择要正确
　　CKFinder.SetupCKEditor(null, '../ckfinder/');

10、破解〔This is the demo version of CKFinder. Click here to visit our web site.〕的注释信息：

11、在 aspx 页面或者 master 模板页 <head> 标签中载入 ckfinder.js：

<script src="../ckfinder/ckfinder.js" type="text/javascript"></script>

　　在<body>标签中使用ckfinder：

<asp:TextBox id="txtContent" class="ckeditor" TextMode="MultiLine" Text='<%# Bind("info") %>' runat="server"></asp:TextBox>

　　与其他 .net 控件使用方法相同，设置 Text='<%# Bind("info") %>' 可以方便与数据源进行交互。

12、可以将 _samples、_source 文件夹删除，lang 目录下可以只保留en.js、zh.js、zh-cn.js 三个语言文件。

常见错误排除方法：

ckfind文件夹的config.ascx中找到如下语句

症状：因为安全原因，文件不可浏览。请联系系统管理员并检查CKFinder配置文件。

语句：
public override bool CheckAuthentication()
{
　　reture false;
}

原因：未设置用户身份验证或者用户未登录，设置为 reture true;（不进行用户身份验证）即可。

症状：未知错误

语句：
public override bool CheckAuthentication()
{
　　reture true;
}

原因：设置不进行用户身份验证，但是 BaseUrl 路径不对。

////////////////////////////////////******************************************************/////////////////////////////////////

调试页面，出现“A potentially dangerous Request.Form value was detected from the client",按照经验，在web.config中增加

<system.web>
    <pages validateRequest="false" />
system.web>

还是同样错误，在页面头部加入，

还是出错。

后来终于试着在config.js文件中添加下面一行：

config.htmlEncodeOutput = true;

OK!

本文链接

MySql 申明变量以及赋值

2010-12-21T14:48:00Z

sql server中变量要先申明后赋值：

局部变量用一个@标识，全局变量用两个@（常用的全局变量一般都是已经定义好的）；

申明局部变量语法：declare @变量名数据类型；例如：declare @num int；

赋值：有两种方法式（@num为变量名，value为值）

set @num=value; 或 select @num=value;

如果想获取查询语句中的一个字段值可以用select给变量赋值,如下：

select @num=字段名 from 表名 where ……

mysql中变量不用事前申明，在用的时候直接用“@变量名”使用就可以了。

第一种用法：set @num=1; 或set @num:=1; //这里要使用变量来保存数据，直接使用@num变量

第二种用法：select @num:=1; 或 select @num:=字段名 from 表名 where ……

注意上面两种赋值符号，使用set时可以用“=”或“：=”，但是使用select时必须用“：=赋值”

本文链接

博客园_喵 喵

精通CSS高级Web标准解决方案:背景图像基础

精通CSS高级Web标准解决方案:浮动

精通CSS高级Web标准解决方案:相对定位与绝对定位

精通CSS高级Web标准解决方案:空白边叠加

SHTML 教程

C#获取本地计算机名,IP,MAC地址,硬盘ID

18种最实用的网站推广方法大全

MSSQL通用分页存储过程

asp.net下使用CKEditor和CKFinder

MySql 申明变量以及赋值

博客园_喵喵