第20章 样式风格设计.ppt

,中文全称为层叠样式表,更多的人把它称之为样式表,以下简称为CSS样式。它用于控制Web页面内容的外观,以便用户在站点的多个页面中创建一致的样式风格。,也就是将网页的外观设定信息从网页内容独立出来,并可以存成独立的样式文件,集中管理。CSS标准里,不仅重新定义了HTML原有的样式,如文字的大小、颜色等,更加入了重叠文字、区块变化及任意位置放置等多项新属性。 CSS样式由两部分组成:选择器和声明。例如:H1{Font-size:16pixels;Font-family:Helvetica;Font-weight:bold;}CSS术语中的cascading表示向同一个元素应用多种样式的能力。多个定义的样式向下“层叠”到Web页面上的元素,并最终创建用户想要的设计效果。傲涎脖筐涪朽蚀赏命锤次郎鱼窑毡半点巢宙溜魏琴谬脓袱偷脐忠绽陕悸豫第20章样式风格设计第20章样式风格设计默认状态下“CSS样式”面板为显示状态,如果未显示,可选择【窗口】|【CSS样式】菜单命令,“CSS样式”面板中包含两种模式:“全部”模式和“正在”模式。如图所示。“正在”模式下的“CSS样式”面板默认状态下是“正在”模式,面板显示了三个窗格:“所选内容的摘要”窗格:“规则”窗格:“属性”窗格:“全部”模式下的“CSS样式”面板在“全部”模式,面板显示了两个窗格:“所有规则”窗格:“属性”窗格:“CSS样式”面板中的按钮面板底部共有7个按钮:“显示类别视图”按钮“显示列表视图”按钮“只显示设计属性”按钮“附加样式表”按钮“新建CSS规则”按钮“编辑样式”按钮“删除CSS规则”“CSS样式”面板,并单击面板右下角的“新建CSS规则”按钮,弹出“新建CSS规则”对话框,这是在新建CSS规则前先要完成的工作,即设置CSS样式类别及使用范围,如图所示。