第7章精通CSS样式资料.pptVIP

7.1.1　了解CSS样式的发展历程 ;7.1.2　CSS样式的优势 CSS 样式可以为网页上的元素精确地定位和控制传统的格式属性（如字体、尺寸、对齐等），还可以设置如位置、特殊效果、鼠标滑过之类的HTML属性。 ; 在Dreamweaver CC中全面支持必威体育精装版的CSS 3属性设计，重新规划了“CSS设计器”面板，并且对CSS样式的创建方法和创建流程进行了改进，使得用户在Dreamweaver中创建CSS样式更加方便和快捷。 “CSS设计器”是Dreamweaver中非常重要的面板之一，CSS样式的创建与管理全部集成在全新的“CSS设计器”面板中。在该面板中支持可视化的创建与管理网页中的CSS样式，在该面板中包括“源”、“@媒体”、“选择器”和“属性”4个部分，每个部分针对CSS样式不同的管理与设置操作。;7.2.1　“源”选项区 “CSS设计器”面板上的“源”选项区用于确定网页使用CSS样式的方式，是使用外部CSS样式表文件还是使用内部CSS样式。单击“源”选项区右上角的“添加源”按钮 ，在弹出菜单中提供了3种定义CSS样式的方式 ; “CSS设计器”面板中的“选择器”选项区用于在网页中创建CSS样式，网页中所创建的所有类型的CSS样式都会显示在该选项区的列表中，单击“选择器”选项区右上角的“添加选择器”按钮 ，即可在“选择器”选项区中出现一个文本框，用于输入所要创建的CSS样式的名称。;7.3.1　通配符选择器 ;动手实践：使用通配符选择器控制网页默认边界 最终文件：光盘\最终文件文件\第7章\7-3-1.html 视 频：光盘\视频\第7章\7-3-1.swf;7.3.3　类选择器 ;动手实践：使用类选择器控制网页中部分文字效果 最终文件：光盘\最终文件文件\第7章\7-3-3.html 视 频：光盘\视频\第7章\7-3-3.swf;动手实践——使用伪类及伪对象选择器设置超链接文字样式 ;动手实践——使用群选择器同时设置页面中多个元素 ;动手实践——使用内联CSS样式 ;7.4.3　外部CSS样式 ;动手实践：使用外部CSS样式 最终文件：光盘\最终文件文件\第7章\7-4-3.html 视 频：光盘\视频\第7章\7-4-3.swf; 布局样式主要用来定义页面中各元素的位置和属性，如元素的大小和定位方式等，通过padding(填充)和margin(边界)属性还可以设置各元素（如图像）水平和垂直方向上的空白区域。;动手实践——文本样式设置 ;动手实践——背景样式设置 ;动手实践——其他样式设置 ;动手实践——使用CSS过渡实现网页特效 ;动手实践——为网页中同一元素应用多个类CSS样式 ;动手实践——制作设计类网站页面