一般网页设计都是从单个页面的首页设计开始的。本文通过图文并茂的方式介绍了如何在主页index.html文件中调用CSS中的引用标签和系统标签。让初学网页设计者对html代码的操作方式有更好的了解，从而举一反三，在以后的设计中灵活运用。
打开Dreamweaver8，新建html和css文件，保存在桌面web文件夹的根目录和CSS文件夹中。
Body/body是主页index.css中的系统标签，因此它是在index.css文件中定义的。语句表达式为：body { background:# 4 b 7 e 9 b；填充：0；边距：0；}，body标签和其他标签类似，其内部编程模式是：命令(如背景)和参数(如#4B7E9B(色码))。上面语句的解释是：首页背景色为#4B7E9B，填充为0，间距为0。
刚刚定义的body标签在index.css的首页文件中调用，语句表达式为：link href=' CSS/index . CSS ' rel=' style sheet ' type=' text/CSS '/
其他定义自己标签名的标签是引用标签，其定义和调用方法与系统标签不同。引用标签语句的表达式为： top 1 { width:960 px；高度：30px背景：URL(file:///D |/Users/Zhang zhaojian/Desktop/web/images/topbg . gif)left repeat；浮动：左；}，特别注意，TOP1是自己定义的标签名，是参考标签。为了和系统标签区分，TOP1前面有一个.或者#号，这里是. top1。标签中的语句的编程方式与系统标签相同。对上述说法的解读是：导航栏宽度为960像素，高度为30像素，背景为图片链接，填充在左侧。
刚刚定义的. TOP1标签在index.html的首页文件中被调用，语句表达式为：divclass='TOP1'/div。
特别提示
请注意，css中系统标签和引用标签的定义不同。
在index.html主页中调用时，请注意不同标签的调用语句。
