网页制作综合技术教程课件温谦赵伟胡静李占波第9章节CSS样式设置实践.pptVIP

网页制作综合技术教程 第3部分 CSS样式设计 第9章 CSS样式设置实践 9.1 手工编写页面 9.1.1 构造页面框架 9.1.2 设置标题 9.1.3 控制图片 9.1.4 设置正文 9.1.5 设置整体页面 9.1.6 对段落分别进行设置 9.2 使用Dreamweaver进行CSS设置 9.3 复合选择器 9.3.1 “交集”选择器 9.3.2 “并集”选择器 9.3.3 后代选择器 在CSS选择器中，还可以通过嵌套的方 式对特殊位置的HTML标记进行声明，例 如，当p与/p之间包含span/span 标记时，就可以使用后代选择器进行相应的 控制。 后代选择器的写法就是把外层的标记写 在前面，内层的标记写在后面，之间用空格 分隔。 当标记发生嵌套时，内层的标记就成为 外层标记的后代。 9.4 CSS的继承特性 9.4.1 继承关系 liHTML/li liCSS ul li选择器/li li盒子模型/li li浮动与定位/li /ul /li liJavascript/li /ul /li li此外，还需要掌握：： ol liFlash/li liDreamweaver/li liPhotoshop/li /ol /li /ul 9.4.2 CSS继承的运用 style h1{ color:blue; /* 颜色 */ text-decoration:underline; /* 下画线 */ } em{ color:red; /* 颜色 */ } /style 9.5 CSS的层叠特性 html head title层叠特性/title style type=text/css p{ color:green; } .red{ color:red; } .purple{ color:purple; } #line3{ color:blue; } /style /head body p 这是第1行文本/p p class=red这是第2行文本/p p id=“line3” class=“red”这是第 3行文本/p p style=color:orange; id=line3 这是第4行文本/p p class=“purple red”这是第5行 文本/p /body /html * 尚辅网 / 手工编写页面 9.1 使用Dreamweaver进行CSS设置 9.2 复合选择器 9.3 CSS的继承特性 9.4 CSS的层叠特性 9.5 图9.1 体验CSS 图9.3 加入图片 图9.4 修改标题样式 图9.5 图文混排 图9.6 修改正文样式 图9.7 设置页面的整体效果 图9.8 对段落进行不同的设置 图9.28 标记类别选择器 ?图9.29 交集选择器示意图 图9.30 标记.类别选择器示例 图9.31 并集选择器示意图 图9.35 包含多层列表的页面 图9.36 继承关系树型图 图9.37 父子关系示例 图9.38 各级列表均变成绿色