Dreamweaver CC教程:关于设置文本格式
Dreamweaver CC教程:关于设置文本格式
了解在 Dreamweaver 中如何使用文本属性检查器应用 HTML 格式或 CSS 格式。
可以使用文本属性检查器应用 HTML 格式或层叠样式表 (CSS) 格式。应用 HTML 格式时,Dreamweaver 会将属性添加到页面正文的 HTML 代码中。应用 CSS 格式时,Dreamweaver 会将属性写入文档头或单独的样式表中。
注意:
在创建 CSS 内联样式时,Dreamweaver 会将样式属性代码直接添加到页面的 body 部分。
关于设置文本格式(CSS 与 HTML)
Dreamweaver 中的文本格式设置与使用标准的字处理程序类似。您可以为文本块设置默认格式设置样式(段落、标题 1、标题 2 等)、更改所选文本的字体、大小、颜色和对齐方式,或者应用文本样式(如粗体、斜体、代码(等宽字体)和下划线)。
Dreamweaver 将两个属性检查器(CSS 属性检查器和 HTML 属性检查器)集成为一个属性检查器。使用 CSS 属性检查器时,Dreamweaver 使用层叠样式表 (CSS) 设置文本格式。CSS 使 Web 设计人员和开发人员能更好地控制网页设计,同时改进功能以提供辅助功能并减小文件大小。CSS 属性检查器使您能够访问现有样式,也能创建新样式。
使用 CSS 是一种能控制网页样式而不损坏其结构的方式。通过将可视化设计元素(字体、颜色、边距等)与网页的结构逻辑分离,CSS 为 Web 设计人员提供了可视化控制和版式控制,而不牺牲内容的完整性。此外,在单独的代码块中定义版式设计和页面布局 -- 无需对图像地图、font 标签、表格和 GIF 间隔图像重新排序 - 从而加快下载速度,简化站点维护,并能集中控制多个网页面的设计属性。
您可以直接在文档中存储使用 CSS 创建的样式,也可以在外部样式表中存储样式以实现更强的功能和灵活性。如果将某一外部样式表附加到多个网页,则所有这些页面都会自动反映对该样式表所做的任何更改。若要访问页面的所有 CSS 规则,请使用“CSS 样式”面板(“窗口”>“CSS 样式”)。若要访问适用于当前所选内容的规则,请使用“CSS 样式”面板(“当前”模式)或 CSS 属性检查器中的“目标规则”弹出菜单。
如果愿意,您可以使用 HTML 标签在网页中设置文本格式。若要使用 HTML 标签而不使用 CSS,请使用 HTML 属性检查器设置文本格式。
注意:
您可以在同一页面中组合使用 CSS 和 HTML 3.2 格式。格式以层次化方式进行应用:HTML 3.2 格式将覆盖外部 CSS 样式表所应用的格式,而嵌入在文档中的 CSS 将覆盖外部 CSS 样式。
相关内容
-
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教程:XHTML 代码
Dreamweaver CC教程:XHTML 代码,清理,文档,元素,教程,属性,标...
-
Dreamweaver CC教程:设置代码提示首选参数
Dreamweaver CC教程:设置代码提示首选参数,设置,代码提示,参数...
-
Dreamweaver CC教程:创建 Getter/Setter
Dreamweaver CC教程:创建 Getter/Setter,光标,重构,表达式,教...
-
Dreamweaver CC教程:重构代码
Dreamweaver CC教程:重构代码,教程,函数,选项,重构,代码重构,...
-
Dreamweaver CC教程:编辑 main.less 文件中的选
Dreamweaver CC教程:编辑 main.less 文件中的选择器,文件,教程...
-
Dreamweaver CC教程:使用“插入”面板
Dreamweaver CC教程:使用“插入”面板插入代码,教程...
-
Dreamweaver CC教程:使用“环绕标签”
Dreamweaver CC教程:使用“环绕标签”,标签,教程,文...