标题标题  显示论坛会员列表名单  搜索论坛搜索  HelpHelp
  注册注册  登入登入
ASP教学区
 DoReMe : ASP教学区
主题 话题: 第七章 高级HTML 回复发表新主题
作者
贴子内容 << Prev Topic下一个主题 >>
friend
Newbie
Newbie


加入: 2004/5月/08
Online Status: Offline
回复: 38
Posted: 2004/11月/16 1:19下午 | IP记录 引用 friend

为多个网页使用Style Sheet

你可以将你的style 规则分别放置于几个文件中,并为多个文件指定相同的规则。这是style sheet的一个强大功能,通过使用为多个网页设置的规则,你可以为你的网站提供一个一致的界面。

你可以建立一个style sheet文件,里面除了style sheet规则以外什么也没有了。在此文件中,你不需要包含<STYLE>标识符或其它的任何HTML标识符。例如 ,下面的例子就是一个合法的style sheet文件:

H1 {color: green; font-family: Arial}

P {font-family: Impact}

.Title {background: gray; color: yellow; font: bold 14pt 「Comic Sans MS」}

建立一个新文件,只包含上面的三条规则,你可以用任何一个名字将此文件保存。然而,你应当为此文件指定扩展名为.css,例如, 你应当将文件保存为mystyle.css。

要将你刚刚建立的这个文件中的规则作用于其它的HTML文件,你就需要在HTML文件的头部添加<LINK>标识符 ,就像下面的例子:

<HTML>

<HEAD>

<TITLE> Any Old HTML File </TITLE>

<LINK TYPE=「text/css」 HREF=「mystyle.css」 REL=stylesheet TITLE=「mystyle」>

</HEAD>

<BODY>

<DIV CLASS=TITLE> I am the title of this document </DIV>

<H1> First Section </H1>

<P> I have the Impact typeface because of the linked style sheet. </P>

</BODY>

</HTML>

当这个HTML文件在浏览器上显示时,浏览器获取style sheet规则并相应地将网页规格化(见图7.37)。

 

图7.37 使用外部的style文件来控制网页的布局

 

<LINK>标识符具有四个属性,第一个属性TYPE指定了链接文件的MIME类型,Cascading Style Sheet具有「text/css」的MIME类型。HREF属性指出了包含有规则的文件名。REL属性告诉浏览器链接的文件是 一个style sheet。最后,TITLE属性为style sheet提供一个标题,你可以为你的style sheet提供任意一个标题。

 

注意

Internet Explorer 3.0不能识别某些特定的style sheet属性,当它们被放置在不同的文件中时。例如,background属性就会被忽略。

小结

本章讲述了HTML中的一些最高级的标识符,你学会了怎样使用image map,它可以用来让你的网站更易于操纵。还学习了怎样使用窗口和框架来同时显示多个HTML文件。最后,使用cascadin g style sheet,你现在了解了怎样为你的网页甚至整个网站指定高级的规则。

Back to Top 查看 friend's 资料 搜索其它贴子 friend 访问 friend's
 

如果你想回复的话你必须首先 login
如果你还没有注册的话你必须首先 注册

<< 上一页 页 of 4
  回复发表新主题
显示可打印的页面 显示可打印的页面

论坛跳转
不能 张贴新论题在这个讨论版
不能 回应论题在这个讨论版
不能 删除你的发言在这个讨论版
不能 编辑你的发言在这个讨论版
不能 新增投票标题在这个讨论版
不能 在这个讨论版投票

Edit by doreme Forums version 2004
Welcome ©2001-2004 doreme Guide

This page was generated in 0.1563 seconds.

 
保养品
保养品, Skin Care
www.elady.tw
美材批发
美材, Cosmetic
www.elady.tw/beauty_org
保养品批发
名牌保养品、保养品批发
gb.perfume.com.tw/skincare
饰品批发
饰品、饰品批发
gb.perfume.com.tw/ornament