Dreamweaver CC教程:设置CSS页面字体、背景颜色和属性
Dreamweaver CC教程:设置CSS页面字体、背景颜色和属性
了解如何设置 Dreamweaver 页面的 HTML 页面属性和 CSS 属性,如字体、背景颜色和背景图像属性。
对于在 Dreamweaver 中创建的每个页面,都可以使用“页面属性”对话框(“文件”>“页面属性”)指定布局和格式设置属性。“页面属性”对话框让您可以指定页面的默认字体系列和字体大小、背景颜色、边距、链接样式及页面设计的其他许多方面。您可以为创建的每个新页面指定新的页面属性,也可以修改现有页面的属性. 您在“页面属性”对话框中所进行的更改将应用于整个页面。
Dreamweaver 提供了两种修改页面属性的方法:CSS 或 HTML。Adobe 建议使用 CSS 设置背景和修改页面属性。
注意:
您选择的页面属性仅应用于活动文档。如果页面使用了外部 CSS 样式表,Dreamweaver 不会覆盖在该样式表中设置的标签,因为这将影响使用该样式表的其他所有页面。
设置 CSS 页面字体、背景颜色和背景图像属性
可使用“页面属性”对话框指定网页面的若干基本页面布局选项,包括字体、背景颜色和背景图像。
1、选择“文件”>“页面属性”,或单击文本的属性检查器中的“页面属性”按钮。
2、选择“外观(CSS)”类别并设置各个选项。
页面字体
指定在网页面中使用的默认字体系列。Dreamweaver 将使用您指定的字体系列,除非已为某一文本元素专门指定了另一种字体。
大小
指定在网页面中使用的默认字体大小。Dreamweaver 将使用您指定的字体大小,除非已为某一文本元素专门指定了另一种字体大小。
文本颜色
指定显示字体时使用的默认颜色。
背景颜色
设置页面的背景颜色。单击“背景颜色”框并从颜色选择器中选择一种颜色。
背景图像
设置背景图像。单击“浏览”按钮,然后浏览到图像并将其选中。或者,可以在“背景图像”框中输入背景图像的路径。
与浏览器一样,如果图像不能填满整个窗口,Dreamweaver 会平铺(重复)背景图像。(若要禁止背景图像以平铺方式显示,可使用层叠样式表禁用图像平铺。)
重复
指定背景图像在页面上的显示方式:
左边距和右边距
指定页面左边距和右边距的大小。
上边距和下边距
指定页面上边距和下边距的大小。
相关内容
-
Dreamweaver CC教程:Dreamweaver 支持的编程语言
Dreamweaver CC教程:Dreamweaver 支持的编程语言,编程语言,支...
-
Dreamweaver CC教程:正则表达式
Dreamweaver CC教程:正则表达式,正则表达式,搜索,换行符,教程,...
-
Dreamweaver CC教程:设置代码外观
Dreamweaver CC教程:设置代码外观,设置,选项,缩进,教程,视图,...
-
Dreamweaver CC教程:默认在代码视图中打开文件
Dreamweaver CC教程:默认在代码视图中打开文件,默认,视图,打开...
-
笔记本电脑设置不当引发液晶屏水波纹现象
笔记本电脑设置不当引发液晶屏水波纹现象,液晶屏,现象,运行,...
-
Dreamweaver CC教程:设置代码改写首选参数
Dreamweaver CC教程:设置代码改写首选参数,设置,参数,标签,选...
-
Dreamweaver CC教程:在Dreamweaver中处理代码
Dreamweaver CC教程:在Dreamweaver中处理代码,工作区,拆分,文...
-
Dreamweaver CC教程:服务器行为代码
Dreamweaver CC教程:服务器行为代码,服务器,教程,检测,显示,代...
-
Dreamweaver CC教程:提取到变量
Dreamweaver CC教程:提取到变量,变量,教程,右键,选择,表达式,...
-
Dreamweaver CC教程:包装在Try Catch 中
Dreamweaver CC教程:包装在Try Catch 中,教程,光标,选择,代码...
-
Dreamweaver CC教程:转换为箭头函数
Dreamweaver CC教程:转换为箭头函数,函数,教程,结构,语句,参数...
-
Dreamweaver CC教程:转到JavaScript或VBScript
Dreamweaver CC教程:转到JavaScript或VBScript,转到,视图,单击...
-
Dreamweaver CC教程:设置代码提示首选参数
Dreamweaver CC教程:设置代码提示首选参数,设置,代码提示,参数...
-
Dreamweaver CC教程:创建 Getter/Setter
Dreamweaver CC教程:创建 Getter/Setter,光标,重构,表达式,教...
-
Dreamweaver CC教程:重构代码
Dreamweaver CC教程:重构代码,教程,函数,选项,重构,代码重构,...