CSS/HTML
层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。
-
放大缩小VML
【CSS/HTML】由于VML是矢量的，放大缩小变得很容易了。我们先看一个例子，看看VML能做到什么程度。还是以前面的一个飞碟做为例子。它是用线、圆、弧等形状拼凑起来的一个图形。我增加了移动事件，当放大太多了，可以拖动图片查看。
放大缩小VML -
脚本动态生成VML
【CSS/HTML】我们编写 VML 很重要的就是要和 数据库结合，如果和数据库结合了，读数据和把数据转换成 VML 变成了两部分。如果直接使用 ASP 生成 包含很多 VML 的页面，一旦数据量多了，整个页面就变得很庞大，下载速度慢了，IE解释代码的速度也慢了，所以用脚本动态生成 VML 变得非常重要了。 用...
脚本动态生成VML -
ShapeType给VML制作模版
【CSS/HTML】VML的这个功能很有用，模版，顾名思义，它可以减少书写代码的量，又使的代码可读性提高。在理解VML模版的时候，可以和 HTML 的 CSS 一样理解，它是定义好的一种形状，下次使用的时候直接声明 type 属性就可以了。看看下面的例子：<v:shapetype id="arrowUP" coordsize="6 6"> <!--三角形 向上--&g...
ShapeType给VML制作模版 -
Group容器
【CSS/HTML】Group的使用很简单，但功能很强大。它能让一系列的VML对象使用共同的坐标系，它很常用的，基本上如果使用了超过一个VML对象的页面都使用Group。使用Group还有个好处，就是可以动态改变CoordSize值放大或缩小整个 Group 里面的VML。<v:group ID="group1" style="position:relative;WIDTH:200px;HEIGH...
Group容器 -
Image(图像)对象
【CSS/HTML】Image 对象从外部调用一个图形文件，只要IE能够显示的格式都可以。需要注意的是，VML只用来显示这张图片，并没有将这图片矢量化，如果以后放大缩小，画质会改变的。 <v:image src="big.GIF" style="position:relative;top:0;left:0;width:165;height:157" /&...
Image(图像)对象 -
Rect,RoundRect(矩形)对象
【CSS/HTML】用VML画矩形，必须设置 style="width:50;height:50"，其他就没有什么特别的。在这节，顺便讲讲 shadow 对象和 TextBox对象： <v:Rect style="position:relative;width:100;height:50px"/> RoundRect顾名思义，是圆角的矩形，这种形状在画流程图的时...
RectRoundRect(矩形)对象 -
Line,Polyline(线)对象
【CSS/HTML】Line是做图中最常用的，它有两个特殊的属性 from 和 to ,就是起始点和终止点坐标。 <v:line from="0,0" to="100,50" style="position:relative;"/> ●如果要改变线的样式，LineStyle (Stroke)属性可以做到: Single(默认)，ThinThin，Th...
LinePolyline(线)对象 -
Shape对象与VML坐标系
【CSS/HTML】Shape是VML最基本的对象，利用它可以画出所有你想要的图形。在VML中，使用的坐标并不是Document的坐标，它有自己的坐标系，这样一来，动态改变它的坐标，就可以实现放大、缩小、旋转等功能了。shape的 CoordSize 属性就是用来定义坐标的，它有两个参数，<v:shape CoordSize="2800,2800" />， 这里的2800,2...
Shape对象与VML坐标系 -
VML的基本概念
【CSS/HTML】VML相当于IE里面的画笔，能实现你所想要的图形，而且结合脚本，可以让图形产生动态的效果。VML是微软1999年9月附带IE5.0发布的，在我认为， VML其实是Word和HTML结合的产物。可以将Word文档另存为HTML，其中的文本和图片可以很容易的转换，但如果是手绘制的图形在以往的IE里面就无法解释了，如果都转换成...
VML的基本概念 -
第12天:校验及常见错误
【CSS/HTML】辛苦了好多天，我们努力学习使用XHTML+CSS来重新设计我们的网站。那么我们如何知道自己制作的页面真的符合web标准？W3C和一些志愿者网站提供了在线校验程序，来帮助我们检查页面是否符合标准，并提供了修正错误的帮助信息。这些校验非常有用，是我调试页面第一步要做的事情。 1.XHTML校验 校验网址：http://val...
第12天:校验及常见错误 -
第11天:不用表格的菜单
【CSS/HTML】布局初步搭建起来，我开始填充里面的内容。首先是定义logo图片：样式表：#logo {MARGIN: 0px;padding:0px;WIDTH: 200px;HEIGHT:80px;}页面代码：<div id="logo"><a title="网页设计师" href="http://www.w3cn.org/" ><img height="80" alt="链接到w3cn.org首页" src="images/logo_w3...
第11天:不用表格的菜单 -
第10天:自适应高度
【CSS/HTML】如果我们想在3列布局的最后加一行页脚，放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中，我们用大表格嵌套小表格的方法，可以很方便对齐三列；而用div布局，三列独立分散，内容高低不同，就很难对齐。其实我们完全可以嵌套div，把三列放进一个DIV中，就做到了底部对齐。下面是实现例子(白色背景框模拟一个页面...
第10天:自适应高度
