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>。