§ ITPOW >> 文档 >> CSS

如何制作 Web Slice

作者:vkvi 来源:ITPOW(原创) 日期:2009-3-11

微软的 IE8 有个新功能 Web Slice,如何让我们的网页也支持 Web Slice 呢?

<div class="hslice" id="siteUpdates">
  <div class="entry-title">ITPOW更新</div>
    <div class="entry-content">
      Web Slice 内容,可任意布局。
    </div>
  </div>
</div>

以上就完成了一个 Web Slice,可以看出就是增加三个 class 和一个 id。

三个 class 分别是:

  • 最外层的 hslice;
  • 用于标题的 entry-title;
  • 用于内容的 entry-content。

必须的属性是 hslice、entry-title、id,可选属性是 entry-content。

如果我们需要自己的样式表名称,这样写也是正确的:

<div class="updates hslice" id="siteUpdates">
  <div class="title entry-title">ITPOW更新</div>
    <div class="content entry-content">
      Web Slice 内容,可任意布局。
    </div>
  </div>
</div>

用空格把多个样式表分隔开。

同时 HTML 元素也不一定非要是 div。

除了上面介绍的属性外,Web Slice 还有更多的属性,而且还有一些高级应用,就请参考 MSDN 了:

相关文章