第11章 在DW中使用CSS.pptVIP

第11章 在Dreamweaver 中使用CSS 11.1 编写CSS样式 使用DW新建CSS样式的步骤： 1、通过菜单栏“窗口”?“CSS样式”，打开CSS样式面板。 2、右下角的“新建”按钮，打开“新建CSS规则”对话框。 链接或导入外部CSS样式 方法： 新建网页文档时 通过CSS样式面板 11.2 应用CSS样式 只要网页中有相应的标签，标签选择器就会自动起作用，不需要专门的调用。伪类也不需要调用，网页中有超链接，就会自动起作用。 类选择器必须选择合适的标签，使用之前必须先选定具体的内容，最简单和不易出错的方法就是用HTML代码的方式，通过class属性调用，如p class=“aa”/p ID选择器通常是和DIV标签一起使用，在一个网页中只能使用一次，如div id=“box”/div。也可通过DW插入div时直接调用。 总结： 只有在掌握CSS语法的基础上，才能通过DW可视化编程工具减轻编程负担。 各种属性的熟练使用。 * * 1-选择符命名方式 2-正确命名 3-书写位置 命名方式和书写位置 类型属性（文字） 背景属性 区块属性（段落） 方框属性 边框属性 列表属性 定位属性 外部CSS样式和内部CSS样式的应用方法是完全一样的。 11.3 综合实例11-1 11.3 综合实例11-2 使用一张素材图片作为背景，普通超链接时显示图片的上半部分，鼠标在超链接上方时显示凸显的下半部分，通过控制背景图片的位置，完成图片的变换效果。 li { display:inline; } 11.3 综合实例11-3 圆角矩形使用背景图片完成，该页面由上中下三部分组成，上，下由一张图片通过背景定位完成，中间部分通过设置左右边框完成。 作业： 习题2。写出代码，并画出结果。