CSS网路大讲堂


CSS网路大讲堂

文章插图
CSS网路大讲堂基本介绍书名:CSS网路大讲堂
出版社:清华大学出版社
页数:439页
开本:16
品牌:清华大学出版社
作者:祝红涛 张钦
出版日期:2013年4月1日
语种:简体中文
ISBN:9787302309215
内容简介《CSS网路大讲堂(附光碟)》编着者祝红涛、张钦 。CSS是级联样式表(CascadingStyleSheet)的简称,通常又称为“风格样式表(StyleSheet)” 。CSS目前最新的版本为CSS3,能够真正做到网页表现与内容分离的一种样式设计语言 。相对于传统HTML的表现而言,CSS能够对网页中对象的位置排版进行像素级的精确控制,支持几乎所有的字型字号样式,拥有对网页对象盒模型的能力,并能够进行初步互动设计,是目前基于文本展示的最优秀的表现设计语言 。图书目录第0章 绪论 1 0.1 CSS简介 1 0.2 CSS的历史 1 0.3 CSS的特点 2 0.4 CSS的优势 3 0.5 使用CSS 4 0.6 常用的开发工具 4 0.7 记事本 4 0.8 FrontPage 5 0.9 Dreamweaver 6 0.10 CSS跨浏览器支持技术 7 0.11 给特定浏览器提供不同的样式 7 0.12 解决空白边叠加问题 10 0.13 选择合适的DOCTYPE 11 0.14 CSS Bug 13 0.15 校验CSS Bug 14 0.16 Bug捕捉基本步骤 15 0.17 CSS建议 18 第一篇 CSS基础篇 第1章 CSS快速入门 22 1.1 使用HTML定义页面样式时的一些问题 22 1.1.1 问题描述 22 1.1.2 解决办法 22 1.1.3 知识扩展——CSS的语法 22 1.1.4 网路课堂 26 1.2 CSS的几种使用方式是什幺 26 1.2.1 问题描述 26 1.2.2 解决办法 26 1.2.3 知识扩展——内嵌样式表 27 1.2.4 知识扩展——内部样式表 27 1.2.5 知识扩展——链入样式表 30 1.2.6 知识扩展——导入样式表 30 1.2.7 触类旁通 31 1.2.8 网路课堂 33 1.3 CSS代码中的注释问题 33 1.3.1 问题描述 33 1.3.2 解决办法 33 1.3.3 知识扩展——使用注释 34 1.3.4 网路课堂 35 1.4 CSS中的单位有哪些 35 1.4.1 问题描述 35 1.4.2 解决办法 35 1.4.3 知识扩展——长度单位 35 1.4.4 知识扩展——百分比单位 36 1.4.5 知识扩展——颜色单位 37 1.4.6 知识扩展——url 38 1.4.7 网路课堂 39 1.5 各种CSS用法的执行顺序是什幺 39 1.5.1 问题描述 39 1.5.2 解决办法 40 1.5.3 知识扩展——CSS的后来居上原则 40 1.5.4 知识扩展——CSS的继承性 41 1.5.5 知识扩展——CSS的选择符优先权 42 1.5.6 知识扩展——!important声明强制优先 43 1.5.7 网路课堂 43 第2章 CSS选择符 44 2.1 统一设定同一标籤样式 44 2.1.1 问题描述 44 2.1.2 解决办法 44 2.1.3 知识扩展——什幺是CSS选择符 44 2.1.4 知识扩展——类型选择符以及属性选择符 45 2.1.5 网路课堂 46 2.2 CSS中的ID选择符怎幺用 46 2.2.1 问题描述 46 2.2.2 解决办法 46 2.2.3 知识扩展——ID选择符以及包含选择符 47 2.2.4 网路课堂 48 2.3 CSS中的类选择符 48 2.3.1 问题描述 48 2.3.2 解决办法 49 2.3.3 知识扩展——类选择符 49 2.3.4 网路课堂 50 2.4 CSS中的伪类能套用在按钮中吗 50 2.4.1 问题描述 50 2.4.2 解决办法 50 2.4.3 知识扩展——CSS中的伪类 51 2.4.4 网路课堂 51 2.5 设定首字下沉问题 52 2.5.1 问题描述 52 2.5.2 解决办法 53 2.5.3 知识扩展——CSS中的伪对象 53 2.5.4 网路课堂 54 2.6 不同标籤的相同样式 55 2.6.1 问题描述 55 2.6.2 解决办法 55 2.6.3 知识扩展——选择符分组 55 2.6.4 网路课堂 56 2.7 选择符组的优先权问题 56 2.7.1 问题描述 56 2.7.2 解决办法 56 2.7.3 知识扩展——选择符组的优先权 57 2.7.4 网路课堂 58 第3章 伪类和伪元素 59 3.1 超连结伪类的用法 59 3.1.1 问题描述 59 3.1.2 解决办法 59 3.1.3 知识扩展——超连结伪类的用法 59 3.1.4 网路课堂 60 3.2 IE是否支持:focus伪类 60 3.2.1 问题描述 60 3.2.2 解决办法 61 3.2.3 知识扩展——:focus伪类的用法 61 3.2.4 网路课堂 62 3.3 :first-child伪类的用法 62 3.3.1 问题描述 62 3.3.2 解决办法 63 3.3.3 知识扩展——:first-child伪类的用法 63 3.3.4 网路课堂 64 3.4 可适用于@page规则的伪类 64 3.4.1 问题描述 64 3.4.2 解决办法 64 3.4.3 知识扩展——可适用于@page规则的伪类 65 3.4.4 网路课堂 66 3.5 :lang伪类的用法 66 3.5.1 问题描述 66 3.5.2 解决办法 67 3.5.3 知识扩展——:lang伪类的用法 67 3.5.4 网路课堂 69 3.6 伪元素:first-letter和:first-line的用法 69 3.6.1 问题描述 69 3.6.2 解决办法 71 3.6.3 知识扩展——伪元素:first-letter和:first-line的用法 72 3.6.4 网路课堂 75 3.7 如何解决Firefox检测不到div高度问题 75 3.7.1 问题描述 75 3.7.2 解决办法 76 3.7.3 知识扩展——伪元素:before和:after的用法 77 3.7.4 网路课堂 79 第二篇 CSS中级篇 第4章 文本属性 80 4.1 如何设定字型颜色 80 4.1.1 问题描述 80 4.1.2 解决办法 80 4.1.3 知识扩展——设定字型颜色属性color 81 4.1.4 网路课堂 82 4.2 CSS字型样式的问题 82 4.2.1 问题描述 82 4.2.2 解决办法 82 4.2.3 知识扩展——font-family属性 82 4.2.4 知识扩展——font-style属性 83 4.2.5 知识扩展——font-weight属性 84 4.2.6 知识扩展——font-size属性 85 4.2.7 知识扩展——font属性 86 4.2.8 网路课堂 87 4.3 关于使用CSS实现字型闪烁效果的问题 87 4.3.1 问题描述 87 4.3.2 解决办法 88 4.3.3 知识扩展——text-decoration属性 88 4.3.4 知识扩展——text-underline-position属性 89 4.3.5 知识扩展——text-shadow属性 89 4.3.6 网路课堂 90 4.4 字元之间的空白问题 90 4.4.1 问题描述 90 4.4.2 解决办法 91 4.4.3 知识扩展——letter-spacing属性 92 4.4.4 知识扩展——word-spacing属性 93 4.4.5 网路课堂 94 4.5 关于line-height的问题 94 4.5.1 问题描述 94 4.5.2 解决办法 95 4.5.3 知识扩展——line-height属性用来设定行间距 96 4.5.4 网路课堂 97 4.6 如何设定文本自动换行 97 4.6.1 问题描述 97 4.6.2 解决办法 97 4.6.3 知识扩展——word-break属性 97 4.6.4 知识扩展——line-break属性 98 4.6.5 知识扩展——word-wrap属性 99 4.6.6 网路课堂 99 4.7 如何用CSS使首字母变为大写 99 4.7.1 问题描述 99 4.7.2 解决办法 100 4.7.3 知识扩展——text-transform属性 100 4.7.4 知识扩展——font-variant属性 101 4.7.5 网路课堂 102 4.8 如何用CSS截取内容显示省略号 102 4.8.1 问题描述 102 4.8.2 解决办法 103 4.8.3 知识扩展——text-overflow属性 103 4.8.4 网路课堂 105 4.9 如何在表格中缩进文本 105 4.9.1 问题描述 105 4.9.2 解决办法 105 4.9.3 知识扩展——text-indent属性 105 4.9.4 网路课堂 107 4.10 关于设定文本的行格线尺寸 107 4.10.1 问题描述 107 4.10.2 解决办法 108 4.10.3 知识扩展——layout-grid-char属性 108 4.10.4 知识扩展——layout-grid-line属性 108 4.10.5 知识扩展——layout-grid-type属性 109 4.10.6 知识扩展——layout-grid属性 109 4.10.7 网路课堂 110 4.11 CSS如何实现div居中 110 4.11.1 问题描述 110 4.11.2 解决办法 110 4.11.3 知识扩展——text-align属性 110 4.11.4 知识扩展——vertical-align属性 112 4.11.5 知识扩展——ruby-align属性 114 4.11.6 网路课堂 115 4.12 文字怎幺实现竖排 115 4.12.1 问题描述 115 4.12.2 解决办法 115 4.12.3 知识扩展——direction属性 116 4.12.4 知识扩展——writing-mode属性 117 4.12.5 知识扩展——layout-flow属性 118 4.12.6 网路课堂 119 第5章 背景属性 120 5.1 背景颜色不显示 120 5.1.1 问题描述 120 5.1.2 解决办法 120 5.1.3 知识扩展——background-color属性 120 5.1.4 知识扩展——layer-background-color属性 121 5.1.5 网路课堂 122 5.2 如何设定背景图片 122 5.2.1 问题描述 122 5.2.2 解决办法 122 5.2.3 知识扩展——background-image属性 122 5.2.4 知识扩展——layer-background-image属性 125 5.2.5 网路课堂 125 5.3 JavaScript如何设定背景图片不重複 126 5.3.1 问题描述 126 5.3.2 解决办法 126 5.3.3 知识扩展——background-repeat属性 126 5.3.4 网路课堂 128 5.4 如何设定背景图片的位置 128 5.4.1 问题描述 128 5.4.2 解决办法 129 5.4.3 知识扩展——background-position属性 130 5.4.4 知识扩展——background-position-x属性 133 5.4.5 知识扩展——background-position-y属性 133 5.4.6 触类旁通 134 5.4.7 网路课堂 135 5.5 background-attachment属性没有效果 136 5.5.1 问题描述 136 5.5.2 解决办法 136 5.5.3 知识扩展——background-attachment属性 136 5.5.4 知识扩展——background属性 138 5.5.5 网路课堂 140 第6章 框线与尺寸属性 141 6.1 如何设定文本框的框线样式 141 6.1.1 问题描述 141 6.1.2 解决办法 142 6.1.3 知识扩展——border-style属性 143 6.1.4 知识扩展——border-bottom-style属性 145 6.1.5 知识扩展——border-left-style属性 146 6.1.6 知识扩展——border-right-style属性 147 6.1.7 知识扩展——border-top-style属性 147 6.1.8 触类旁通 148 6.1.9 网路课堂 150 6.2 HTML中框线颜色的问题 150 6.2.1 问题描述 150 6.2.2 解决办法 151 6.2.3 知识扩展——border-color属性 151 6.2.4 知识扩展——border-bottom-color属性 152 6.2.5 知识扩展——border-left-color属性 153 6.2.6 知识扩展——border-right-color属性 153 6.2.7 知识扩展——border-top-color属性 154 6.2.8 网路课堂 155 6.3 如何用css控制table的框线宽度和框线颜色 155 6.3.1 问题描述 155 6.3.2 解决办法 157 6.3.3 知识扩展——border-width属性 158 6.3.4 知识扩展——border-bottom-width属性 159 6.3.5 知识扩展——border-left-width属性 160 6.3.6 知识扩展——border-right-width属性 160 6.3.7 知识扩展——border-top-width属性 161 6.3.8 触类旁通 162 6.3.9 网路课堂 163 6.4 如何为页面中的图像设定框线 163 6.4.1 问题描述 163 6.4.2 解决办法 164 6.4.3 知识扩展——border属性 165 6.4.4 知识扩展——border-top属性 167 6.4.5 知识扩展——border-bottom属性 167 6.4.6 知识扩展——border-left属性 168 6.4.7 知识扩展——border-right属性 168 6.4.8 触类旁通 169 6.4.9 网路课堂 170 6.5 关于height属性的百分比问题 171 6.5.1 问题描述 171 6.5.2 解决办法 171 6.5.3 知识扩展——height属性 172 6.5.4 知识扩展——min-height属性 173 6.5.5 知识扩展——max-height属性 173 6.5.6 触类旁通 174 6.5.7 网路课堂 175 6.6 如何防止表格被内容撑开 175 6.6.1 问题描述 175 6.6.2 解决办法 175 6.6.3 知识扩展——width属性 177 6.6.4 知识扩展——min-width属性 178 6.6.5 知识扩展——max-width属性 178 6.6.6 网路课堂 179 第7章 边距与间隙属性 180 7.1 如何设定页面模组的边距 180 7.1.1 问题描述 180 7.1.2 解决办法 180 7.1.3 知识扩展——margin属性 180 7.1.4 触类旁通 182 7.1.5 网路课堂 184 7.2 img标籤的margin-bottom属性无效 184 7.2.1 问题描述 184 7.2.2 解决办法 185 7.2.3 知识扩展——margin-bottom属性 185 7.2.4 知识扩展——margin-left属性 186 7.2.5 知识扩展——margin-right属性 188 7.2.6 知识扩展——margin-top属性 189 7.2.7 网路课堂 190 7.3 padding属性在不同浏览器中的显示差异问题 190 7.3.1 问题描述 190 7.3.2 解决办法 191 7.3.3 知识扩展——padding属性 191 7.3.4 网路课堂 193 7.4 IE 6/7下设定padding-bottom时出现的Bug 193 7.4.1 问题描述 193 7.4.2 解决办法 194 7.4.3 知识扩展——padding-bottom属性 194 7.4.4 知识扩展——padding-left属性 195 7.4.5 知识扩展——padding-right属性 196 7.4.6 知识扩展——padding-top属性 196 7.4.7 触类旁通 199 7.4.8 网路课堂 199 第8章 定位与布局 200 8.1 如何设定元素的定位方式 200 8.1.1 问题描述 200 8.1.2 解决办法 201 8.1.3 知识扩展——position属性 201 8.1.4 触类旁通 207 8.1.5 网路课堂 207 8.2 关于绝对定位元素无法覆盖相对定位元素 207 8.2.1 问题描述 207 8.2.2 解决办法 209 8.2.3 知识扩展——边偏移属性 210 8.2.4 网路课堂 211 8.3 请问css的z-index属性层叠顺序的问题 211 8.3.1 问题描述 211 8.3.2 解决办法 212 8.3.3 知识扩展——z-index属性 213 8.3.4 网路课堂 214 8.4 为什幺横向滚动条不可用 215 8.4.1 问题描述 215 8.4.2 解决办法 215 8.4.3 知识扩展——overflow属性 215 8.4.4 知识扩展——overflow-x属性和overflow-y属性 216 8.4.5 网路课堂 218 8.5 求解CSS样式中float属性的问题 218 8.5.1 问题描述 218 8.5.2 解决办法 218 8.5.3 知识扩展——float属性 219 8.5.4 知识扩展——clear属性 220 8.5.5 网路课堂 221 8.6 如何利用clip属性创造彩色字型 221 8.6.1 问题描述 221 8.6.2 解决办法 222 8.6.3 知识扩展——clip属性 222 8.6.4 网路课堂 224 8.7 IE下块元素如何实现display:inline-block的效果 224 8.7.1 问题描述 224 8.7.2 解决办法 224 8.7.3 知识扩展——display属性 225 8.7.4 知识扩展——visibility属性 227 8.7.5 触类旁通 228 8.7.6 网路课堂 230 第三篇 CSS高级篇 第9章 列表属性 231 9.1 为什幺list-style-type:decimal在IE中显示的全是1 231 9.1.1 问题描述 231 9.1.2 解决办法 231 9.1.3 知识扩展——list-style-type属性 232 9.1.4 触类旁通 235 9.1.5 网路课堂 235 9.2 list-style-image的图示图像对齐问题 236 9.2.1 问题描述 236 9.2.2 解决办法 237 9.2.3 知识扩展——list-style-image属性 237 9.2.4 触类旁通 239 9.2.5 网路课堂 240 9.3 列表的项目符号消失问题 240 9.3.1 问题描述 240 9.3.2 解决办法 241 9.3.3 知识扩展——list-style-position属性 242 9.3.4 触类旁通 243 9.3.5 网路课堂 245 9.4 如何水平显示列表 245 9.4.1 问题描述 245 9.4.2 解决办法 246 9.4.3 知识扩展——list-style属性 246 9.4.4 网路课堂 247 第10章 滚动条属性 248 10.1 如何製作带有彩色亮框线的滚动条 248 10.1.1 问题描述 248 10.1.2 解决办法 248 10.1.3 知识扩展——scrollbar-highlight-color属性 250 10.1.4 网路课堂 250 10.2 如何製作带有彩色3D亮框线的滚动条 251 10.2.1 问题描述 251 10.2.2 解决办法 251 10.2.3 知识扩展——scrollbar-3dlight- color属性 252 10.2.4 网路课堂 253 10.3 如何製作彩色滚动条区块 253 10.3.1 问题描述 253 10.3.2 解决办法 254 10.3.3 知识扩展——scrollbar-face-color属性 255 10.3.4 网路课堂 255 10.4 如何使方向箭头消失 256 10.4.1 问题描述 256 10.4.2 解决办法 256 10.4.3 知识扩展——scrollbar-arrow-color属性 257 10.4.4 网路课堂 258 10.5 如何製作彩色滚动条暗框线 258 10.5.1 问题描述 258 10.5.2 解决办法 259 10.5.3 知识扩展——scrollbar-shadow-color属性 260 10.5.4 网路课堂 260 10.6 关于设定滚动条暗框线属性的区别 261 10.6.1 问题描述 261 10.6.2 解决办法 261 10.6.3 知识扩展——scrollbar-darkshadow-color属性 262 10.6.4 网路课堂 263 10.7 如何製作滚动条基準色 263 10.7.1 问题描述 263 10.7.2 解决办法 264 10.7.3 知识扩展——scrollbar-base-color属性 265 10.7.4 网路课堂 265 10.8 如何製作彩色滚动条拖动区域 266 10.8.1 问题描述 266 10.8.2 解决办法 266 10.8.3 知识扩展——scrollbar-track-color属性 267 10.8.4 网路课堂 267 第11章 改善页面中的表格 268 11.1 如何隐藏表格中空单元格上的框线和背景 268 11.1.1 问题描述 268 11.1.2 解决办法 269 11.1.3 知识扩展——empty-cells属性 270 11.1.4 触类旁通 271 11.1.5 网路课堂 272 11.2 如何隐藏单元格超出的数据 272 11.2.1 问题描述 272 11.2.2 解决办法 274 11.2.3 知识扩展——table-layout属性 275 11.2.4 网路课堂 276 11.3 如何设定表格标题的位置 277 11.3.1 问题描述 277 11.3.2 解决办法 278 11.3.3 知识扩展——caption-side属性 278 11.3.4 知识扩展——表格特有的元素 280 11.3.5 网路课堂 280 11.4 如何製作一个单线框线表格 281 11.4.1 问题描述 281 11.4.2 解决办法 282 11.4.3 知识扩展——border-collapse属性 282 11.4.4 知识扩展——设定表格背景颜色交替显示 283 11.4.5 网路课堂 286 11.5 如何设定单元格边界之间的距离 286 11.5.1 问题描述 286 11.5.2 解决办法 287 11.5.3 知识扩展——border-spacing属性 287 11.5.4 触类旁通 288 11.5.5 网路课堂 292 第12章 逐步改善页面中的表单 293 12.1 如何使用CSS设计表单上的元素 293 12.1.1 问题描述 293 12.1.2 解决办法 293 12.1.3 知识扩展——CSS为表单元素设定样式 293 12.1.4 触类旁通 296 12.1.5 网路课堂 297 12.2 如何使提交按钮看起来像文本 297 12.2.1 问题描述 297 12.2.2 解决办法 298 12.2.3 知识扩展——同一个表单中的元素套用不同的样式 299 12.2.4 网路课堂 301 12.3 关于Dreamweaver的层和表格问题 301 12.3.1 问题描述 301 12.3.2 解决办法 301 12.3.3 知识扩展——使用CSS代替表格设计一个含有两列的表单 301 12.3.4 触类旁通 304 12.3.5 网路课堂 307 12.4 HTML中的fieldset属性的相关问题 307 12.4.1 问题描述 307 12.4.2 解决办法 308 12.4.3 知识扩展——fieldset元素 310 12.4.4 网路课堂 312 12.5 为表单设计快捷键 312 12.5.1 问题描述 312 12.5.2 解决办法 312 12.5.3 知识扩展——for属性和accesskey属性 313 12.5.4 网路课堂 315 12.6 如何在下拉选单中使用不同的颜色来强调各选单项 315 12.6.1 问题描述 315 12.6.2 解决办法 316 12.6.3 知识扩展——使用不同背景强调下拉选单中各项 317 12.6.4 网路课堂 319 12.7 当用户单击时如何突出表单域. 319 12.7.1 问题描述 319 12.7.2 解决办法 319 12.7.3 知识扩展——强调用户单击的表单栏位 320 12.7.4 网路课堂 322 第13章 滤镜及其他 323 13.1 如何实现部落格名的文字特效 323 13.1.1 问题描述 323 13.1.2 解决办法 324 13.1.3 知识扩展——Mask滤镜 325 13.1.4 网路课堂 325 13.2 如何实现文章标题的文字特效 326 13.2.1 问题描述 326 13.2.2 解决办法 326 13.2.3 知识扩展——Blur滤镜 327 13.2.4 知识扩展——其他模糊滤镜 328 13.2.5 网路课堂 329 13.3 如何为图片添加框线 329 13.3.1 问题描述 329 13.3.2 解决办法 330 13.3.3 知识扩展——Glow滤镜 330 13.3.4 触类旁通 331 13.3.5 网路课堂 332 13.4 如何控制雾化网页的透明度 332 13.4.1 问题描述 332 13.4.2 解决办法 332 13.4.3 知识扩展——Alpha滤镜 333 13.4.4 知识扩展——Chroma滤镜 334 13.4.5 触类旁通 335 13.4.6 网路课堂 336 13.5 对一个对象同时使用多个滤镜的问题 336 13.5.1 问题描述 336 13.5.2 解决办法 337 13.5.3 知识扩展——FlipH滤镜 338 13.5.4 知识扩展——FlipV滤镜 338 13.5.5 网路课堂 340 13.6 同一个对象同时使用多个无参滤镜失效问题 340 13.6.1 问题描述 340 13.6.2 解决办法 340 13.6.3 知识扩展——Xray滤镜 340 13.6.4 知识扩展——Invert滤镜 341 13.6.5 网路课堂 342 13.7 如何实现描边字效果 342 13.7.1 问题描述 342 13.7.2 解决办法 343 13.7.3 知识扩展——Shadow滤镜 343 13.7.4 知识扩展——DropShadow滤镜 344 13.7.5 网路课堂 345 13.8 製作多张图像轮换交替显示效果 346 13.8.1 问题描述 346 13.8.2 解决办法 346 13.8.3 知识扩展——BlendTrans滤镜 348 13.8.4 知识扩展——RevealTrans滤镜 350 13.8.5 网路课堂 352 13.9 让文字产生波纹变形 352 13.9.1 问题描述 352 13.9.2 解决办法 352 13.9.3 知识扩展——Wave滤镜 352 13.9.4 网路课堂 354 13.10 如何添加多个模拟光源 354 13.10.1 问题描述 354 13.10.2 解决办法 354 13.10.3 知识扩展——Light滤镜 355 13.10.4 触类旁通 357 13.10.5 网路课堂 358 13.11 如何轻鬆设定灰度页面 358 13.11.1 问题描述 358 13.11.2 解决办法 359 13.11.3 知识扩展——Gray滤镜 359 13.11.4 网路课堂 359 13.12 如何实现漂亮的滑鼠指针 360 13.12.1 问题描述 360 13.12.2 解决办法 360 13.12.3 知识扩展——多种滑鼠指针样式 360 13.12.4 网路课堂 362 第14章 与XML整合 363 14.1 什幺是XML 363 14.1.1 问题描述 363 14.1.2 解决办法 363 14.1.3 知识扩展——XML简介 363 14.1.4 知识扩展——XML标记与元素 364 14.1.5 知识扩展——XML属性 367 14.1.6 触类旁通 367 14.1.7 网路课堂 369 14.2 为什幺要发展XML? 369 14.2.1 问题描述 369 14.2.2 解决办法 369 14.2.3 知识扩展——在XML中引用外部CSS样式档案 370 14.2.4 触类旁通 374 14.2.5 网路课堂 375 14.3 XML使用嵌入式CSS样式出错 375 14.3.1 问题描述 375 14.3.2 解决办法 376 14.3.3 知识扩展——在XML中使用嵌入式CSS样式 377 14.3.4 触类旁通 378 14.3.5 网路课堂 379 14.4 为XML设定的CSS样式无效 379 14.4.1 问题描述 379 14.4.2 解决办法 380 14.4.3 知识扩展——为XML定义複杂的CSS样式 380 14.4.4 网路课堂 383 14.5 使用XSLT删除XML档案中的重複元素 383 14.5.1 问题描述 383 14.5.2 解决办法 384 14.5.3 知识扩展——XSLT简介 386 14.5.4 知识扩展——XSLT详解 386 14.5.5 触类旁通 392 14.5.6 网路课堂 393 第四篇 实例套用篇 第15章 常见的CSS页面特效 394 15.1 会变色的表格框线 394 15.2 随着滑鼠浮动的文字 396 15.3 会闪的图片 398 15.4 图片翻转 399 15.5 舞动的文字 401 15.6 会收缩的导航栏 405 15.7 逐渐变色的表格 408 第16章 製作个人部落格页面 413 16.1 案例效果图分析 413 16.2 页面框架布局设计 415 16.3 站点目录结构设计 417 16.4 index页面 418 16.4.1 页面整体框架布局 418 16.4.2 页面头部设计 419 16.4.3 页面底部设计 421 16.4.4 首页banner_content内容区设计 423 16.4.5 首页main_content内容区设计 426 16.5 留言页面 431 16.6 作品集页面 434 16.6.1 作品集banner_content内容区设计 434 16.6.2 作品集main_content内容区设计 437