理论教育 外部层叠样式表的链接简介

外部层叠样式表的链接简介

时间:2023-06-09 理论教育 版权反馈
【摘要】:若要链接外部CSS样式表,可执行下列操作之一打开“CSS样式”面板。2)在“CSS样式”面板中,单击“附加样式表”按钮,或单击该面板顶部右边的三角按钮,在弹出的菜单中选择“附加样式表”命令。图6-19链接外部样式表样式表的创建。图6-20“新建CSS规则”对话框步骤3:弹出CSS样式定义对话框,设置该样式,如图6-21所示。图6-21CSS样式定义对话步骤4:在文档选中文字,在属性栏的样式一栏中选择.csl的样式。

外部层叠样式表的链接简介

样式表可以实现网页的各种不同风格。别人建立好的样式表如何引入到自己的网页中使用呢?Internet网上有大量的编写好的样式表文件如何使用呢?这便是外部样式表的链接。若要链接外部CSS样式表,可执行下列操作之一打开“CSS样式”面板。

1)选择“窗口”→“CSS样式”命令,也可按Shift+F11快捷键。

2)在“CSS样式”面板中,单击“附加样式表”按钮,或单击该面板顶部右边的三角按钮,在弹出的菜单中选择“附加样式表”命令。

3)完成对话框设置,然后单击“确定”按钮,如图6-19所示。

图6-19 链接外部样式表

【操作实例3-3】样式表的创建。

步骤1:启动Dreamweaver 8,进入起始页,执行“新建项目”→HTML命令进入Dreamweaver 8工作界面。

步骤2:输入文字,选择“文本”→“CSS样式”→“新建”命令,弹出“新建CSS规则”对话框,设置选择器的类型为“类”,在“名称”文本框中输入样式名如“.csl”,在“定义在”下拉列表中选择“(新建样式表文件)”命令,如图6-20所示,单击“确定”按钮。(www.daowen.com)

图6-20 “新建CSS规则”对话框

步骤3:弹出CSS样式定义对话框,设置该样式,如图6-21所示。

图6-21 CSS样式定义对话

步骤4:在文档选中文字,在属性栏的样式一栏中选择.csl的样式。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈