第9章_CSS样式表.ppt

第9章 CSS样式表 主要内容 9.1 CSS样式表概述 9.2 CSS样式表的应用 9.3 实例——使用CSS样式控制页面 9.4 DIV+CSS布局 9.1 CSS样式表概述 CSS样式表的适用场合 保证一个网页上相同要素具有一致的风格，可以使用CSS样式表 为了保证同一个网站上多个网页风格一致，使这些网页上相同要素具有相同的样式 通过CSS样式定义DIV标签，实现网页布局设计 多个网页上存在多个方框或边框要求样式一致 CSS样式表应用举例 【实例1】通过CSS样式表控制主页中字体及超级链接样式 【实例2】使用CSS样式表为多个网页设置相同的样式 9.2 CSS样式表的应用 在Dreamweaver中定义CSS样式表 创建CSS样式表 修改CSS样式表 删除CSS样式表 CSS样式表的使用方法 CSS样式表的语法结构 选择符{属性1：值1；属性2：值2……} 选择符可以是类、ID或标签之一。 参数说明：属性和属性值之间用“：”隔开，多个属性之间用“；隔开 CSS样式表的使用方法 方法一：内联式样式单 方法二：嵌入式样式单 方法三：外部式样式单 9.3 实例——使用CSS样式控制页面 创建内嵌式CSS样式表 打开“窗口”菜单，单击“CSS样式”命令，或者用快捷键shift+F11，打开CSS面板 在CSS面板下方单击（新建CSS