首页index.html中如何调用CSS系统和引用标签？

网页设计中，一般从单页面中的首页设计开始，本文用图文的方式介绍如何在首页index.html文件中调用CSS中的引用标签和系统标签。让初学网页设计人员更能清楚的了解html代码的运行方式，从而在以后的设计中举一反三，灵活应用。

操作方法

  • 01

    打开Dreamweaver 8，分别新建html和css格式的文件，分别存放在桌面web文件夹中的根目录和CSS文件夹中。

  • 02

    <body></body>在首页index.html中为系统标签，因此在index.css文件中定义，语句表达方式为：body{ background:#4B7E9B; padding:0; margin:0;}，body标签与其它标签类似，其内部编程方式为：命令（如background），参数（如#4B7E9B（颜色代码）），上述语句的释义为：首页的背景颜色为#4B7E9B，填充为0，间距为0。

  • 03

    首页index.html文件中调用刚才定义好的body标签，语句表达方式为：<link href="css/index.css" rel="stylesheet" type="text/css" />

  • 04

    其它自己定义标签名称的标签为引用标签，它们的定义和调用方式与系统标签不同。某个引用标签语句表达方式为：  .TOP1{ width:960px; height:30px; background:url(file:///D|/Users/ZhangZhaoJian/Desktop/web/images/topbg.gif) left repeat; float:left;}，特别注意，TOP1为你自己定义的标签名称，为引用标签，为了与系统标签区别，在TOP1的前面有个 . 或 # ，在这里为 .TOP1。而标签内的语句编程方式与系统标签相同，上述语句的释义为：导航条的宽度为960像素，高度为30像素，背景是图片链接，向左填充。

  • 05

    首页index.html文件中调用刚才定义好的.TOP1标签，语句表达方式为：<div class="TOP1"> </div>

赞 (0)

相关推荐

  • 清除Win8升级后系统盘windows.old文件夹中的老旧系统备份文件

    有些朋友从旧版本Windows系统升级到Windows 8后会感觉系统盘空间占用比较大，这是因为Win8升级过程中会将之前的系统文件自动备份存储在Windows.old文件夹中，这个文件夹的体积从几 ...

  • 快速找回Win8/Win8.1中消失了的系统评分

    对此有许多使用Win8/Win8.1的小伙伴因为看不到评分，总觉得心里不自在，其实Win8/Win8.1系统评分这项功能只是被隐藏了，至于微软为何要将它隐藏，那就不得而知了，但是我们可以通过如下方法快 ...

  • 在Frontpage 中定义网页CSS样式

    说明:目前Frontpage的最新版本是FrontpageXP(Frontpage 2003),本文是以Frontpage2000讲述的,但本文所描述的方法在FrontpageXP中基本上是适用的!另 ...

  • Win7和XP双系统中不能打开XP系统是怎么回事?

    Win7和XP双系统中不能打开XP系统是怎么回事? 原因分析 出现这种情况主要是启动引导出错所致,我们可以按照以下修复方式来解决此类问题. 解决方法: 1.先到系统中下载NTBootAutofix(多 ...

  • 在校园网中如何升级Win10系统?

    在校园网中如何升级Win10系统? 方法如下: 先联网下载Win10的安装包,安装的时候就可以断开网络,然后再连接网络激活就可以了. 使用上述的方法在校园网内升级Win10,可以避免网络不畅通导致升级 ...

  • 如何在Dell笔记本中查看型号及系统版本？

    如何在Dell笔记本中查看型号及系统版本？

    如今我们在学习和工作的过程中都会使用到电脑,如果我们想要知道自己电脑的型号和系统版本应该如何进行查看呢?今天,小编就教大家在Dell笔记本中查看型号及系统版本.具体如下:1. 首先,我们启动DELL电 ...

  • 怎么将小米手机中的自动下载系统更新功能关闭

    怎么将小米手机中的自动下载系统更新功能关闭

    随着快捷的发展,手机已经成为人们日常生活中必不可少的工具,当我们在使用小米手机时,有的时候系统会自动下载更新,那么如何将该功能关闭呢?接下来就由小编来告诉大家.具体如下:1. 第一步,打开手机并在桌面 ...

  • 怎么查看win10系统电脑中已安装的系统更新

    怎么查看win10系统电脑中已安装的系统更新

    当我们在使用win10系统电脑的时候,如果想要知道电脑中安装了哪些系统更新的话,应如何进行查看呢?接下来就由小编来告诉大家.具体如下:1. 第一步,打开电脑并在桌面找到控制面板图标,双击进入.2. 第 ...

  • 如何在荣耀9中恢复或者降级系统

    如何在荣耀9中恢复或者降级系统

    有的小伙伴使用了荣耀9手机,为了跟上时代的进步,升级了系统,但是发现升级系统后的手机不行,因此想要恢复或者降级系统,却不知道如何操作,那么小编就来为大家介绍一下吧.方法一.先备份手机数据1. 第一步, ...