SMIL:多媒体标记,Shvatz系列教程(4)
shvatz| 流媒体世界| 2001-03-15

第四页:结构

    你们中的很多人可能曾经咬牙切齿地盼望停止使用表格和控制间距的GIF的一天 - 用样式表控制页面上元素的布局和表现。

    SMIL的好消息是允许马上精确控制元素。坏消息是它不只使事情容易和使用样式表作为它的缺省布局协议。它不采用封装<region />标记符的<layout>和</layout>标记符。然而,基本的SMIL布局元素与CSS很相似,而且CSS本身它也支持,所以确定"text/css"将允许用样式表对页面进行布局。

     这两种方式都可以有效地在页面上定位元素:<br> <br> <smil><br>     <head><br>         <layout><br>              <region id="smile" top="200" left="100"              z-index="5" width="100" height="220" /><br>         </layout><br>     </head><br>         <br>     <body><br>         <seq><br>              <img id="smile"              src="/art/allimages/http://www.hotwired.com/images/thing" /><br>         </seq><br>     </body><br>                 <br> </smil><br> <br> 和 <br> <smil><br>    <head><br>        <layout type="text/css"><br>             #smile {top:200; left:100;             z-index:5; width:100; height:220 }<br>        </layout><br>    </head><br>         <br>    <body><br>        <seq><br>            <img id="smile"            src="/art/allimages/http://www.hotwired.com/images/thing" /><br>        </seq><br>    </body><br>                 <br> </smil><br> <br> 我不知道W3C为什么不直接选择CSS,但我肯定他们有自己的原因。

责任编辑:lmtwadmin

分享到:
版权声明:凡注明来源“流媒体网”的文章,版权均属流媒体网所有,转载需注明出处。非本站出处的文章为转载,观点供业内参考,不代表本站观点。文中图片均来源于网络收集整理,仅供学习交流,版权归原作者所有。如涉及侵权,请及时联系我们删除!