理论教育 DreamweaverCS6标准实例教程

DreamweaverCS6标准实例教程

时间:2023-10-29 理论教育 版权反馈
【摘要】:CSS是一种对文本进行格式化操作的高级技术,从一个较高的级别上对文本进行控制。使用CSS设置页面格式时,内容与表现形式是相互分开的。利用CSS,可以对现有的标记格式进行重新定义,也可以自行将某些格式组合定义为新的样式,甚至可以将格式信息定义于文档之外。Dreamweaver CS6一个很大的特点就是全面采用CSS样式控制文本、图像、表格等网页元素的样式。用户可以更加轻松、更有效率地使用CSS样式。

DreamweaverCS6标准实例教程

CSS(层叠样式表)是一种对文本进行格式化操作的高级技术,从一个较高的级别上对文本进行控制。使用CSS设置页面格式时,内容与表现形式是相互分开的。页面内容位于自身的HTML文件中,而定义代码表现形式的CSS规则位于外部样式表或HTML文档的另一部分(通常为<head>部分)中。使用CSS可以非常灵活并更好地控制页面的外观,从精确的布局定位到特定的字体和样式等,而且可以在文档中实现格式的自动更新。利用CSS,可以对现有的标记格式进行重新定义,也可以自行将某些格式组合定义为新的样式,甚至可以将格式信息定义于文档之外。

Dreamweaver CS6一个很大的特点就是全面采用CSS样式控制文本、图像、表格等网页元素的样式。而且在以普通方式格式化文本时,会自动生成相应的CSS样式,以后要再次使用相同的样式,只需选中对象后在其属性面板的样式下拉菜单中选择自动生成的CSS样式即可。

执行“窗口”|“CSS样式”命令,或单击属性面板上的“CSS”按钮,即可打开“CSS样式”面板,如图4-12所示。

978-7-111-40982-3-Chapter04-47.jpg

图4-12 “CSS样式”浮动面板

Dreamweaver CS6为最佳做法提供了支持,包括对高级CSS的使用。全部CSS功能合并在一个面板集合中,并已得到增强。Dreamweaver CS6提供一组预先设计的CSS布局,它们可以帮助用户快速设计好页面并开始运行,并且在代码中提供了丰富的内联注释以帮助用户了解CSS页面布局。借助管理CSS功能,用户可以轻松地在文档之间、文档标题与外部表之间、外部CSS文件之间以及更多位置之间移动CSS规则。此外,还可以将内联CSS转换为CSS规则,并且只需通过拖放操作即可将它们放置在所需位置。用户可以更加轻松、更有效率地使用CSS样式。使用新的界面还可以更方便地查看应用于具体元素的样式层叠,从而能够轻松地确定在何处定义了属性。

利用“CSS样式”面板可以跟踪影响当前所选页面元素的CSS规则和属性,或影响整个文档的规则和属性,还可以在不打开外部样式表的情况下修改CSS属性。在浮动面板上可以选择两种模式的视图,选择“全部”模式,则列出整份文件的CSS规则和属性;选择“当前”模式,则显示当前选取页面元素的CSS规则和属性。(www.daowen.com)

“CSS样式”面板包括以下内容:

978-7-111-40982-3-Chapter04-48.jpg:附加样式表,打开“链接外部样式表”对话框,选择一个外部样式表分配给当前文档。

978-7-111-40982-3-Chapter04-49.jpg:新建CSS规则,打开“新建CSS样式”对话框,为特定文档创建新的样式或创建新的外部样式表。

978-7-111-40982-3-Chapter04-50.jpg:编辑样式表,打开<样式>对话框,编辑当前文档中或外部样式表中的任何样式。

978-7-111-40982-3-Chapter04-51.jpg:删除选中样式表中的CSS样式。

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

我要反馈