如何将CSS加诸于网页

原创 2007年09月27日 10:04:00
  
您可以利用下列 3 种方式,将 CSS指定的格调加诸于网页上: 

1. 
 Html档案里加一个超连接,连到外在的 CSS  

这个方法最方便管理整个网站的网页风貌。它让网页的文字内容与版面设计分开。您只要在一个 CSS 档内(副档名为 .CSS)定义好网页的外观风格,所有参考连接到此 CSS 档的网页,便会依照指示,反应出定义好的风格。 

它的写法是:

 <HTML>
<HEAD>
<TITLE>
本页标题</TITLE>
<LINK REL="stylesheet"  HREF="http://www.xyz.com/xyz.css"  TYPE="text/css">
</HEAD>


此种方法 Navigator4 支援得仍十分 Buggy,请小心使用。 

2. 
 HTML 档案的 <HEAD>.......</HEAD> 标签间,加一段 CSS 的叙述文 

这个方法适用于指定某个网页,除了展现外在的 CSS 档定义好的网页风格外,同时还要展现本身 HTML 档内加注的 CSS  

如果内在加注的 CSS 叙述与外在连结的 CSS 叙述相冲突的话,网页的展现将以内在加注的 CSS 叙述为主。 

它的写法是:

 <HTML>
<HEAD>
<TITLE>
本页标题</TITLE>
<STYLE TYPE="text/css">
<!--
BODY {font: 12pt}
H1 {font: 16pt}
P {font-weight: bold;
color: green}
-->
</STYLE>
</HEAD>
<BODY>
开始本页内容…
</BODY>
</HTML>

特别值得注意的是,为了防止不支援 CSS 的浏览器误将 <STYLE>  </STYLE> 标签间的 CSS 风格叙述当成普通字串,而展现于网页上,您最好将 CSS 的叙述文字插入 <!-- --> 标签之间。 

3. 
 HTML 档的字里行间中,随时有需要,随时加一小段 CSS 的叙述指定 

这个方法适用于指定网页内的某一小段文字的呈现风格。 

浏览器除了会展现出外在的 CSS 档与此 HTML  <HEAD> 内定义的 CSS 风格(如果有的话),同时还会展现字里行间的 CSS 风格。 

如果字里行间的 CSS 叙述与<HEAD> 内在定义的 CSS 或外在连结的 CSS 叙述相冲突的话,导览器的展现将以字里行间的 CSS 叙述为主。 

它的写法是:

 <HTML>
<HEAD>
<TITLE>
本页标题</TITLE>
</HEAD>
<BODY>
<P STYLE="color: red">
开始本页内容…
</P>
</BODY>
</HTML>

上述的 3  CSS,可以同时并用,也可以择您所好,单一或成双地使用。如果各 CSS 间的叙述相冲突,则内在定义的 CSS 会盖过外在连结的 CSS ,字里行间的 CSS 会盖过<HEAD> 内在定义的 CSS  

这样一层一层地推展、补充下来,使得「阶层性格调控制」清楚又有效率地帮助网页设计者,一方面中央统筹整个网站的网页风貌,另一方面又可以随著各个网页、各个文字段落的特别需要,而分别调配不同的格调。十分有条不紊,十分方便管理,所以称之为「阶层性」的格调控制。

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

如何将VMIX编辑输出的视频嵌入网页直播

vmix是一款功能强大的电脑视频混合软件,这款软件非常适合于电视台或媒体发布等的多屏控制播放,软件利用最先进的计算机硬件提供现场高清视频混合。支持HDMI,HD-SDI,SDI,分量,S-视频,复合视...

如何将你书写的网页放在手机上展示

首先说声抱歉,之前填写的网页图片全部都插入错误了,导致之前很多读者没法查看到具体图片,在这里作者表示十分抱歉,因为我在编写的时候,查看图片一般都是正常的,假如发生了某些未知错误,可以点击我的简书处查看...
  • MR_LP
  • MR_LP
  • 2016-06-28 20:59
  • 7878

如何将word在网页中展现为HTML的形式---Jacob.jar (适用于Windows环境)

可以参考:http://sinye.iteye.com/blog/588050 在Java项目开发过程中,需求涉及到了各种文档转换为HTML,现在将实现方式整理如下: 一、了解Jacob 先了解...

如何将样式表加入的网页

如何将样式表加入您的网页   你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。例外请参阅important声明...

如何将网页转换成Android APP

我们可以利用Cordova和Ant将网页转换成Android App一.如何安装Cordova除了要安装node.js,还要安装 1.Java 的JDK 2.android的sdk 3.Apac...

手把手教你如何将图片“嵌入”网页中

将图片“嵌入”网页中

如何将网页所用图片裁剪成固定大小、合适文件大小(photoshop工具)

在制作网页的时候,通常需要将很多图片裁剪成固定大小,且不变形,在不影响加载速度的时候,还需要对图片进行压缩。 下面就教大家如何用photoshop简单快速地得到想要的图片尺寸及合适的大小。 第一,...

mac 如何将网页制作成图片(jpg)

1.工具 mac电脑,safari,Automator 2.打开想保存的网页。以百度为例 3.打开Automator 最后在“桌面”中就可以看到jpg格式的图片了(复...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)