|
1、什么是样式？ 样式是字体和段落设置的组合。
使用样式来快速一致地设置文本格式。例如：将“标题1”样式应用到你的每个标题，使得每个标题的外观一样。看例子：
什么是样式？
级联样式表（Cascading Style Sheet），简称CSS。
三种样式表定义（内嵌样式、内部样式和外部样式）。
|
除了标题样式外，你还可以使用“项目列表样式”，它会将文本缩进并加上项目符号。
- 什么是样式？
- 级联样式表（Cascading Style Sheet），简称CSS。
- 三种样式表定义（内嵌样式、内部样式和外部样式）。
|
还有“编号列表”样式，它会将文本缩进并进行段落编号。
- 什么是样式？
- 级联样式表（Cascading Style Sheet），简称CSS。
- 三种样式表定义（内嵌样式、内部样式和外部样式）。
|
定义样式可以大大节省网页元素的格式化定义的工作量，提高工作效率。
2、HTML4.0版本中加入了级联样式表（Cascading Style Sheet），简称CSS。让你能更有效地控制网页外观。
3、三种样式表定义 （1）内嵌样式
也叫直接插入式，直接插入式很简单，只是在每个HTML标志后书写CSS属性就可以了。这种方式很直接，如我们想规定一个Table标志中的字为红色，字体大小为14pt，则可书写如下：
<Table style="color:red;font-size:14pt">
这种方式主要用于对具体的标志做具体的调整,其作用的范围只限于本标志。
点击看例子。（在打开例子网页之后，在例子网页右键，查看源文件，内嵌样式是怎么定义的）
（2）内部样式 把样式设置放到<head>与</head>标志之间。
如把以下样式表复制到<head>与</head>标志之间。
<Style Type="text/css">
<!--
P{font-family:'宋体';
font-size:9pt;
color:blue}
H2{font-family:‘宋体’;
font-size:13pt;
color:red
}
-->
</Style> |
点击看例子。（在打开例子网页之后，在例子网页右键，查看源文件，内部样式是怎么定义的）
如果你觉得直接编写样式表有点难度的话，不妨在FrontPage下直观定义样式。
[格式]→[样式]
 |
|
第一步：选择要设置CSS样式的html标记。 |
 |
|
第二步：选择要设置哪一类格式。 |
 |
|
第三步：分别进行对字体，字体大小，颜色等进行设置。 |
（3）外部样式。
把定义好的样式表存放到一个文本文件中，保存时修改其扩展名为.css。然后在实际网页文件中通过链接样式表引用的方法，称为外部样式。
CSS文件的引用是在HTML的<head></head>标志之间写下列语句：
<Link Rel="STYLESHEET" Href="文件名.CSS" Type="text/css">,如当前文件目录下有一CSS
文件名为myStyle.css，内容如下
P{font-family:'宋体';
font-size:9pt;
color:blue}
H2{font-family:‘宋体’;
font-size:13pt;
color:red
} |
则在引用时，用下列语句
<Link Rel="STYLESHEET" Href="myStyle.css" Type="text/css">，当然，如果你在FrontPage中用styles功能可直接连接一个CSS文件，这些语句会自动生成的。
在FrontPage是这样进行链接样式表的：
[格式]→[样式表链接] |
