background image

css 样式表在网页制作中如何应用?

CSS 通常又称为风格样式表(Style Sheet) ,它是用来进行网页风格设计的。级联样式表
可以使人更有效地控制网页外观。使用级联样式表,可以扩充精确指定网页元素位置、外
观以及创建特殊效果的能力。在

HTML 网页中加入 CSS 并不是只有一种方法,在不同的情

况下,可以采用不同的方法,比较常用的有下面几种。
(1)嵌入式样式表嵌入式样式表的实现很简单,只需在每个要应用样式的 HTML 标签后写

CSS 属性即可。例如,要设置指定表格中文字的样式为红色,字号为 10pt,可在当前

表格的

<table>标记内添加下面的代码:

<table style=" color : red; font-size : 1 0pt">
这种方式主要用于对具体的标签作具体的调整,其作用的范围只限于本标签。嵌入式样式
表不能充分体现出

CSS 样式表的优越性,所以应用场合并不多。

(2)内联式样式表若想只对当前页面应用样式,就要使用内联式样式表。所谓内联式样式表
就是把样式表定义语句放在标签

<style type= "text/css" >和</style>中,设置时通常

放在

HTML 代码的<head>部分。

(3)外联式样式表外联式样式表是将指定的样式代码放到一个扩展名为.css 的样式文件中,
以方便其他网页的调用。这种方式的优点是可以通过一个

.css 文件管理网站中的多个网页。

如果要对网站中其他页面进行样式引用,可以先把样式用记事本定义成一个

.css”的文件。

例 如 , 打 开 记 事 本 , 将 定 义 的 名 为

h3 的样式代码写到记事本中,保存的文件名为

example.css,代码如下:
h3{ 
font-family:“

黑体 ;

color:green;
font-style:italic,

引 用 时 在 网 页

HTML   代 码 的 <head> 标 记 后 用 <link   rel="stylesheet" 

href=="example.css"> 引 用 这 个 样 式 文 件 , 在 <body> 部 分 相 应 内 容 的 前 后 加 上
<h3>和</h3>。