嵌入式样式表的建立(图)

《嵌入式样式表的建立(图)》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、嵌入式样式表的建立(图)嵌入式样式表是内嵌于网页内的一段HTML语言代码，它统一定义了当前网页的样式。可以在网页中创建一个嵌入式样式表使得网页具有统一的风格。嵌入式样式表与外接样式表的不同之处在于，嵌入式样式表只能作用于当前的网页，而不能覆盖链接到当前站点的其他网页中。其实，所谓的嵌入式样式表只不过是网页中各种元素的格式的一个集合，通过创建一个嵌入式样式表可以使网页具有统一的风格。    在FrontPage2000中创建一个嵌入式样式表的操作十分简单，在“格式”菜单中选择“样式”项，然后在弹出的“样式”对话框中就可以创建嵌入式样式表。单击对话框中的“

2、新建”按钮，FrontPage2000会弹出一个嵌入式样式表的容器。在该对话框中首先应该输入新建的样式表的名称，而这个名称可以任意定义。接下来单击“格式”按钮为新建的样式表定义样式，在这里可定义的样式包括：字体、段落、边框、编号方式以及定位。    （1）在“文件”菜单中选择“新建”项，然后在右面弹出的子菜单中选择“站点”项，在弹出的“新建”对话框中把站点名称改为“样式表”，单击“确定”按钮。    （2）在文件夹列表视图中双击文件“default．htm”把该文件打开，然后把鼠标放到网页视图中，在“格式”某单中选择“样式”项，这时候 FrontPag

3、e2000就会弹出标题为“样式”的对话框，如图1所示。 　　　　　　　　　　　　　　　　　　　图1  “样式”窗口    （3）在弹出的“样式”对话框中单击其中的“新建”按钮，从而为当前网页新建一个嵌入式样式表，这时候 FrontPage2000 2000就会弹出一个标题为“新样式”的对话框，如图2所示。 　　　　　　　　　　　　　　　　　　图2  “新样式”窗口    （4）在弹出的“新样式”对话框中有一栏为“名称”，在“名称”栏下面的文本框中输入所新建的嵌入式样式表的名称，在这里输人文本“mystyle”作为新建的样式表的名称。如图3所示。 　　　

4、　　　　　　　　　　　　　　　图3  “新样式”中名称的输入    （5）单击“新样式”对话框中的“格式”按钮，在按钮下面会弹出一个子菜单，如图4所示。在该子菜单中列出了新建的样式表中可以设置项。选择要设置的项，然后对其进行修改。 　　　　　　　　　　　　　　　　　　　图4    格式字菜单    （6）把所有样式都修改好之后，单击“新样式”对话框中的“确定”按钮返回“样式”对话框，这时候在“样式”对话框中左面的列表中列出了刚才新建的样式表的名称“mystyle”。如图5所示。 　　　　　　　　　　　　　　　　　　图5   新样式的建立目前，比较流行的

5、网页制作工具有Frontpage2000和Dreamweaver4.0，通过这2款所见即所得的网页编辑器，用户只要掌握简单的操作方法，不用编写HTML代码即可制作出整洁美观的网页。要使制作的网页具有良好的"稳定性"，使浏览者在采用不同分辨率和改变浏览器字体大小时都能看到您所设定格式的网页，从而始终保持网页版面的整洁美观，就需要使用样式表来"锁定"网页文字。Frontpage2000和Dreamweaver4.0都可以通过创建样式表在网页中加入特定的HTML标记，从而使网页中文字始终显示为固定格式。样式表分为外部样式表和嵌入式样式表2种。外部样式表是保存

6、在一个扩展名为".css"的CSS文件中，它是对HTML语言的扩展，可应用于所有网页，但当网页被另存为HTML文件或在指定位置找不到CSS文件时，网页文字就不能被其控制;内嵌样式表是嵌入在网页文件中的一段HTML代码，它只能用于当前编辑的单个网页，但因为不需要CSS文件的控制，网页文字始终被嵌入的代码所控制。在Frontpage2000中，您既可以使用外部样式表、也可以使用嵌入式样式表;而在Dreamweaver4.0中，只能使用外部样式表。下面就是如何在Dreamweaver4.0和Frontpage2000中创建、应用样式表的具体步骤。在Dream

7、weaver4.0中使用样式表一、创建样式表1．选择"Window"*"CSSStyles"，打开"CSSStyles"窗口(如图1所示)。2．单击"CSSStyles"窗口右下角的新建按钮，打开"NewStyle"对话框。在"Selector"栏输入样式选择器名称，例如设定9磅字体用".Font9"、设定16磅字用".Font16"。同时选中"MakeCustomStyle(class)"或"UseCSSSelector"单选项(如图2所示)。3．单击"OK"按钮，打开"SaveStyleSheetFileAs"对话框，输入名称和路径以保存该样式表。

8、注意:样式表的保存位置可以是相对路径，也可以是绝对路径，但最好和网页文件保存在同一文件夹内，并