当前位置:首页> 正文

Dreamweaver CC教程:设置CSS页面字体、背景颜色和属性

Dreamweaver CC教程:设置CSS页面字体、背景颜色和属性

Dreamweaver CC教程:设置CSS页面字体、背景颜色和属性

了解如何设置 Dreamweaver 页面的 HTML 页面属性和 CSS 属性,如字体、背景颜色和背景图像属性。
对于在 Dreamweaver 中创建的每个页面,都可以使用“页面属性”对话框(“文件”>“页面属性”)指定布局和格式设置属性。“页面属性”对话框让您可以指定页面的默认字体系列和字体大小、背景颜色、边距、链接样式及页面设计的其他许多方面。您可以为创建的每个新页面指定新的页面属性,也可以修改现有页面的属性. 您在“页面属性”对话框中所进行的更改将应用于整个页面。
Dreamweaver 提供了两种修改页面属性的方法:CSS 或 HTML。Adobe 建议使用 CSS 设置背景和修改页面属性。
注意:
您选择的页面属性仅应用于活动文档。如果页面使用了外部 CSS 样式表,Dreamweaver 不会覆盖在该样式表中设置的标签,因为这将影响使用该样式表的其他所有页面。
设置 CSS 页面字体、背景颜色和背景图像属性
可使用“页面属性”对话框指定网页面的若干基本页面布局选项,包括字体、背景颜色和背景图像。
1、选择“文件”>“页面属性”,或单击文本的属性检查器中的“页面属性”按钮。
2、选择“外观(CSS)”类别并设置各个选项。
页面字体
指定在网页面中使用的默认字体系列。Dreamweaver 将使用您指定的字体系列,除非已为某一文本元素专门指定了另一种字体。
大小
指定在网页面中使用的默认字体大小。Dreamweaver 将使用您指定的字体大小,除非已为某一文本元素专门指定了另一种字体大小。
文本颜色
指定显示字体时使用的默认颜色。
背景颜色
设置页面的背景颜色。单击“背景颜色”框并从颜色选择器中选择一种颜色。
背景图像
设置背景图像。单击“浏览”按钮,然后浏览到图像并将其选中。或者,可以在“背景图像”框中输入背景图像的路径。
与浏览器一样,如果图像不能填满整个窗口,Dreamweaver 会平铺(重复)背景图像。(若要禁止背景图像以平铺方式显示,可使用层叠样式表禁用图像平铺。)
重复
指定背景图像在页面上的显示方式:

选择非重复选项将仅显示背景图像一次。 选择“重复”选项横向和纵向重复或平铺图像。 选择“横向重复”选项可横向平铺图像。 选择“纵向重复”选项可纵向平铺图像。

左边距和右边距
指定页面左边距和右边距的大小。
上边距和下边距
指定页面上边距和下边距的大小。

 

展开全文阅读

相关内容