繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > VML的基本概念
- CSS样式表
- line-height使文本居中的3像素bug问题
- IE8.0Beta比较不错的功能:WebSlices
- IE8、IE7、IE6、FF简单的CSS HACK测试
- Web前端开发的Firefox插件
- CSS3教程：background-clip和background-origin
- CSS教程:使用ul进行网页的多列布局
- CSS盒模型制定网页的宽度和高度的原理
- CSS:何制作一个向各个方向延展box?
- CSS高级技巧:CSS Sprites
- CSS高级技巧:图片替换
- CSS高级技巧:文字环绕图片
- CSS样式表教程:screen媒体类型的作用
- css教程：美化网页段落的排版
- 网页注册表单的网页设计技巧
- CSS控制表格文字样式的研究
- dl,dt,dd,ul,li,ol区别及应用
- 英文教程：鼠标悬停（hover）效果
- CSS制作的三款漂亮的网页表单
- CSS教程：行高line-height属性(2)
- CSS：闭合元素和浮动元素的差别
CSS样式表 中的 VML的基本概念
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 163 ::
收藏到网摘: n/a
VML相当于IE里面的画笔，能实现你所想要的图形，而且结合脚本，可以让图形产生动态的效果。VML是微软1999年9月附带IE5.0发布的，在我认为， VML其实是Word和HTML结合的产物。可以将Word文档另存为HTML，其中的文本和图片可以很容易的转换，但如果是手绘制的图形在以往的IE里面就无法解释了，如果都转换成图形文件又不太现实。于是微软把Word里面的图形控件结合到IE里面，使IE也具备了绘图功能。
VML的全称是Vector Markup Language(矢量可标记语言)，矢量的图形，意味着图形可以任意放大缩小而不损失图形的质量，这在制作地图上有很大用途。为了显示它的强大，和增加你学习VML的信心，先给你看看一个VML例子:
Hello VML!
在VML里面，标记使用的是XML扩张，需要一个namespace(命名空间)，你可以使用惯用的“v”作为命名空间，使用IE5.0到IE6.0通用的定义如下:
<html xmlns:v="urn:schemas-microsoft-com:vml">
<STYLE>
v\:* { Behavior: url(#default#VML) }
</STYLE>
xmlns 全称就是XML NameSpace 也就是命名空间。Behavior(行为)也是IE5.0新推出的东西，它的功能非常强大，结合样式表，可以给任何HTML对象增加行为（新的属性、方法、事件），而在这里，它的用处是把命名空间“v”和系统预定义的行为VML连接。这样定义以后，你就可以使用下面的标记了，和普通的HTML标记有所区别，每个标记都增加了一个命名空间:
<v:shape></v:shape>
和其他HTML元素一样，VML标记里面可以定义DHTML大部分属性和事件，比如说id,name,title,onmouseover等等。在写法上VML比较灵活，很多属性既可以写在标记里面，又可以独立出一个新的标记来表示:
<v:shape id=shape1 name=shape1 onmouseover="alert(this.id)" StrokeColor=red Path="m 0,0 l 10,10 x e"></v:shape>
等同于下面的写法:
<v:shape id=shape1 name=shape1 onmouseover="alert(this.id)">
<v:Stroke StrokeColor=red/>
<v:Path v="m 0,0 l 10,10 x e"/>
</v:shape>
当然不是所有的属性都可以写成独立的标记，常用的比如说上面的 Stroke(按我的理解可以翻译成线性)，Path，Shadow，Fill(填充)等，VML这样的方式可以理解为 shape 的属性分类，使属性更直观。
Shape 对象派生出来的一些对象，更加直接的图象，比如说 Rect(矩形)，RoundRect(圆边的矩形)，Oval(圆)，Line(线)，PolyLine(不规则折线)，Image(图形文件)等等，以后将对这些对象细细描述。
评论 (0) All
