CSS样式的创建与使用模块二Dreamweaver初级应用34课件讲解.pptxVIP

CSS样式的创建与使用模块二：Dreamweaver初级应用矫素芹主讲人

CSS样式的概念与作用创建与使用CSS样式

学习目标1理解CSS样式的概念及作用2学会CSS样式创建和应用3会管理CSS样式

一、CSS语言的概念CSS是一种标记性语言，用于实现对网页的布局、字体、颜色、背景等效果的精确的控制。英文全称CascadingStyleSheets中文全称层叠样式表

二、CSS语言的作用用户使用HTML语言定义网页内容文字图像超链接使用CSS样式定义网页的表现形式字体颜色宽度对齐方式

二、CSS语言的作用在进行网站维护时不用再对网页一个一个进行修改，只修改几个网页CSS样式表文件可以改变整个网站的风格在修改页面数量庞大的站点时，显得格外方便、高效，同时也能使整个站点的风格整齐划一通过使用CSS样式设置页面格式可将页面的内容与表现形式分离

三、CSS语言的结构CSS样式表是由若干条样式声明组成的，每一条样式声明都由三部分组成:选择器(selector)、样式属性(property)和属性值(value)。｛样式属性：属性值；样式属性：属性值；．．．．．．｝选择器

三、CSS语言的结构选择器也称选择符，是指这组样式所要应用的对象通常是一个HTML标签，如body、h1，也可以是定义了id名或类（class）名的标签，如#box、.tp等

三、CSS语言的结构样式属性是选择器指定的标签所包含的属性背景颜色字体行高属性值属性值是指样式属性的取值

“CSS设计器”面板是一个比属性面板功能更为强大的编辑器，它显示为当前文档定义的所有CSS样式，而不管这些样式是嵌入在文档中还是在外部样式表中。“CSS设计器”面板查看创建编辑删除可以将外部样式表附加到文档图1CSS设计器面板

使用CSS设计器创建样式(一)CSS设计器面板执行以下操作之一均可打开“CSS设计器”面板选择“窗口→CSS样式”命令按Shift+F11快捷键单击属性面板上的“CSS设计器”按钮图1CSS设计器面板

使用CSS设计器创建样式(一)CSS设计器面板“CSS设计器”面板源@媒体选择器属性

使用CSS设计器创建样式(一)CSS设计器面板窗口按钮的含义及作用源窗口1“添加CSS源”按钮创建新的CSS文件附加现有的CSS文件在页面中定义“删除CSS源”按钮单击该按钮可以将选中的CSS文件删除图2“添加CSS源”按钮列表

使用CSS设计器创建样式(一)CSS设计器面板窗口按钮的含义及作用@媒体窗口2“添加媒体查询”按钮“删除媒体查询”按钮单击该按钮可以将选中的CSS文件删除选择一个CSS源并单击该按钮，打开“定义媒体查询”对话框，可以定义希望使用的媒体查询图2“添加CSS源”按钮列表

\谢谢观看