嵌入式样式表的建立[图].docVIP

嵌入式样式表的建立(图)嵌入式样式表是内嵌于网页内的一段HTML语言代码，它统一定义了当前网页的样式。可以在网页中创建一个嵌入式样式表使得网页具有统一的风格。嵌入式样式表与外接样式表的不同之处在于，嵌入式样式表只能作用于当前的网页，而不能覆盖链接到当前站点的其他网页中。其实，所谓的嵌入式样式表只不过是网页中各种元素的格式的一个集合，通过创建一个嵌入式样式表可以使网页具有统一的风格。 ????在FrontPage2000中创建一个嵌入式样式表的操作十分简单，在“格式”菜单中选择“样式”项，然后在弹出的“样式”对话框中就可以创建嵌入式样式表。单击对话框中的“新建”按钮，FrontPage2000会弹出一个嵌入式样式表的容器。在该对话框中首先应该输入新建的样式表的名称，而这个名称可以任意定义。接下来单击“格式”按钮为新建的样式表定义样式，在这里可定义的样式包括：字体、段落、边框、编号方式以及定位。 ????（1）在“文件”菜单中选择“新建”项，然后在右面弹出的子菜单中选择“站点”项，在弹出的“新建”对话框中把站点名称改为“样式表”，单击“确定”按钮。 ????（2）在文件夹列表视图中双击文件“default．htm”把该文件打开，然后把鼠标放到网页视图中，在“格式”某单中选择“样式”项，这时候?FrontPage2000就会弹出标题为“样式”的对话框，如图1所示。 ? 　　　　　　　　　　　　　　　　　　　图1??“样式”窗口 ????（3）在弹出的“样式”对话框中单击其中的“新建”按钮，从而为当前网页新建一个嵌入式样式表，这时候?FrontPage2000?2000就会弹出一个标题为“新样式”的对话框，如图2所示。 ? 　　　　　　　　　　　　　　　　　　图2??“新样式”窗口 ????（4）在弹出的“新样式”对话框中有一栏为“名称”，在“名称”栏下面的文本框中输入所新建的嵌入式样式表的名称，在这里输人文本“mystyle”作为新建的样式表的名称。如图3所示。 ? 　　　　　　　　　　　　　　　　　　图3??“新样式”中名称的输入 ????（5）单击“新样式”对话框中的“格式”按钮，在按钮下面会弹出一个子菜单，如图4所示。在该子菜单中列出了新建的样式表中可以设置项。选择要设置的项，然后对其进行修改。 ? 　　　　　　　　　　　　　　　　　　　图4????格式字菜单 ????（6）把所有样式都修改好之后，单击“新样式”对话框中的“确定”按钮返回“样式”对话框，这时候在“样式”对话框中左面的列表中列出了刚才新建的样式表的名称“mystyle”。如图5所示。 ? 　　　　　　　　　　　　　　　　　　图5???新样式的建立 Frontpage 2000和Dreamweaver 4.0都可以通过创建样式表在网页中加入特定的HTML标记，从而使网页中文字始终显示为固定格式。样式表分为外部样式表和嵌入式样式表2种。外部样式表是保存在一个扩展名为.css的CSS文件中，它是对HTML语言的扩展，可应用于所有网页，但当网页被另存为HTML文件或在指定位置找不到CSS文件时，网页文字就不能被其控制; 内嵌样式表是嵌入在网页文件中的一段HTML代码，它只能用于当前编辑的单个网页，但因为不需要CSS文件的控制，网页文字始终被嵌入的代码所控制。在Frontpage 2000中，您既可以使用外部样式表、也可以使用嵌入式样式表; 而在Dreamweaver 4.0中，只能使用外部样式表。下面就是如何在Dreamweaver 4.0和Frontpage 2000中创建、应用样式表的具体步骤。 在Dreamweaver 4.0中使用样式表 一、创建样式表 1．选择Window*CSS Styles，打开CSS Styles窗口(如图1所示)。 2．单击CSS Styles窗口右下角的新建按钮，打开New Style对话框。在Selector栏输入样式选择器名称，例如设定9磅字体用.Font9、设定16磅字用.Font16。同时选中Make Custom Style (class)或Use CSS Selector单选项(如图2所示)。 3．单击OK按钮，打开Save Style Sheet File As对话框，输入名称和路径以保存该样式表。注意: 样式表的保存位置可以是相对路径，也可以是绝对路径，但最好和网页文件保存在同一文件夹内，并和网页文件一同上传。 4．单击确定按钮，系统弹出Style Definition对话框。在Category栏中选择Type选项，在Type栏中的Size栏中选择文字规格，如9或16。然后在