精通CSS+DIV网页样式与布局(附光盘)

随着Web 2.0的大潮席卷而来，网页标准化CSS+DIV的设计方式正逐渐 取代传统的表格布局模式，对CSS的学习也成为设计人员的必修课。 本书系统地讲解了CSS层叠样式表的基础理论和实际运用技术，通过大 量实例对CSS进行深入浅出的分析，主要包括CSS的基本语法和概念，设置 文字、图片、背景、表格、表单和菜单等网页元素的方法，以及CSS滤镜的 使用。着重讲解如何用CSS+DIV进行网页布局，注重实际操作，使读者在学 习CSS应用技术的同时，掌握CSS+DIV的精髓。本书还详细讲解了其他书中 较少涉及的技术细节，包括扩展CSS与JavaScript、XML和Ajax的综合应用 等内容，指导读者制作符合Web标准的网页，使从事或欲从事网站设计开发 专业工作的读者提升技术水平和竞争能力。最后给出了5个常见类型的完整 网页的综合实例，让读者进一步巩固所学到的知识，提高综合应用的能力 。 本书内容翔实、结构清晰、循序渐进，并注意各个章节与实例之间的 呼应和对照，既可作为CSS初学者的入门教材，也适合中高级用户进一步学 习和参考。

第1部分　CSS基础知识篇 第1章　CSS的初步体验　3 1.1　CSS的概念　4 1.1.1　标记的概念　4 1.1.2　传统HTML的缺点　5 1.1.3　CSS的引入　7 1.1.4　如何编辑CSS　9 1.1.5　浏览器与CSS　10 1.2　使用CSS控制页面　11 1.2.1　行内样式　11 1.2.2　内嵌式　12 1.2.3　链接式　13 1.2.4　导入样式　14 1.2.5　各种方式的优先级问题　17 1.3　体验CSS　19 1.3.1　从零开始　19 1.3.2　加入CSS控制　21 1.3.3　控制图片　23 1.3.4　CSS的注释　26 第2章　CSS的基本语法　27 2.1　CSS选择器　28 2.1.1　标记选择器　28 2.1.2　类别选择器　29 2.1.3　ID选择器　34 2.2　选择器声明　36 2.2.1　集体声明　36 2.2.2　选择器的嵌套　38 2.3　CSS的继承　40 2.3.1　父子关系　40 2.3.2　CSS继承的运用　41 第3章　用CSS设置丰富的文字效果　45 3.1　CSS文字样式　46 3.1.1　字体　46 3.1.2　文字大小　48 3.1.3　文字颜色　51 3.1.4　文字粗细　53 3.1.5　斜体　54 3.1.6　文字的下划线、顶划线和删除线　55 3.1.7　英文字母大小写　57 3.2　文字实例一：模拟Google公司Logo　58 3.3　文字实例二：制作页面的五彩标题　62 3.4　CSS段落文字　67 3.4.1　段落的水平对齐方式　67 3.4.2　段落的垂直对齐方式　68 3.4.3　行间距和字间距　71 3.4.4　首字放大　73 3.5　段落实例：百度搜索　75 第4章　用CSS设置图片效果　81 4.1　图片样式　82 4.1.1　图片边框　82 4.1.2　图片缩放　86 4.2　图片的对齐　87 4.2.1　横向对齐方式　88 4.2.2　纵向对齐方式　88 4.3　图文混排　91 4.3.1　文字环绕　91 4.3.2　设置图片与文字间距　93 4.4　图文实例：八仙过海　93 第5章　用CSS设置网页中的背景　97 5.1　背景颜色　98 5.1.1　页面背景色　98 5.1.2　用背景色给页面分块　99 5.2　背景图片　101 5.2.1　页面的背景图　102 5.2.2　背景图的重复　103 5.2.3　背景图片的位置　107 5.2.4　固定背景图片　110 5.2.5　添加多个背景图片　112 5.2.6　背景样式综合设置　113 5.3　背景综合一：我的个人主页　113 5.4　背景综合二：古词《念奴娇·赤壁怀古》　118 第6章　用CSS设置表格与表单的样式　123 6.1　控制表格　124 6.1.1　表格中的标记　124 6.1.2　表格的颜色　127 6.1.3　表格的边框　127 6.2　表格实例一：隔行变色　130 6.3　表格实例二：鼠标经过时变色的表格　132 6.4　表格实例三：日历　134 6.5　CSS与表单　139 6.5.1　表单中的元素　139 6.5.2　像文字一样的按钮　142 6.5.3　七彩的下拉菜单　144 6.6　综合实例一：直接输入的Excel表格　146 6.7　综合实例二：模仿新浪网民调查问卷　149 第7章　用CSS设置页面和浏览器的元素　153 7.1　丰富的超链接特效　154 7.1.1　动态超链接　154 7.1.2　按钮式超链接　156 7.1.3　浮雕式超链接　158 7.2　鼠标特效　163 7.2.1　CSS控制鼠标箭头　164 7.2.2　鼠标变幻的超链接　165 7.3　页面滚动条　166 第8章　用CSS制作实用的菜单　169 8.1　项目列表　170 8.1.1　列表的符号　170 8.1.2　图片符号　173 8.2　无需表格的菜单　175 8.3　菜单的横竖转换　178 8.4　菜单实例一：百度导航条　181 8.5　菜单实例二：流行的Tab菜单　185 第9章　CSS滤镜的应用　191 9.1　滤镜概述　192 9.2　通道(Alpha)　192 9.3　模糊(Blur)　198 9.4　运动模糊(Motion Blur)　199 9.5　透明色(Chroma)　200 9.6　下落的阴影(Dropshadow)　201 9.7　翻转变换(Flip)　203 9.8　光晕(Glow)　205 9.9　灰度(Gray)　207 9.10　反色(Invert)　208 9.11　遮罩(Mask)　209 9.12　阴影(Shadow)　210 9.13　X射线(X-ray)　211 9.14　浮雕纹理(Emboss和Engrave)　212 9.15　波浪(Wave)　215 第2部分　CSS+DIV美化和布局篇 第10章　理解CSS定位与div布局　221 10.1　 div 标记与 span 标记　222 10.1.1　概述　222 10.1.2　 div 与 span 的区别　223 10.2　盒子模型　224 10.2.1　盒子模型的概念　225 10.2.2　border　225 10.2.3　padding　229 10.2.4　margin　231 10.3　元素的定位　238 10.3.1　float定位　239 10.3.2　position定位　246 10.3.3　z-index空间位置　254 10.4　定位实例一：轻轻松松给图片签名　256 10.5　定位实例二：文字阴影效果　257 第11章　CSS+div布局方法剖析　259 11.1　CSS排版观念　260 11.1.1　将页面用div分块　260 11.1.2　设计各块的位置　262 11.1.3　用CSS定位　262 11.2　固定宽度且居中的版式　266 11.2.1　方法一　266 11.2.2　方法二　268 11.3　左中右版式　270 11.4　块的背景色问题　273 11.5　排版实例：电子相册　276 11.5.1　搭建框架　277 11.5.2　幻灯片模式　278 11.5.3　详细信息模式　282 11.6　div排版与传统的表格方式排版的分析　284 第12章　CSS+div美化与布局实战　287 12.1　框架搭建　289 12.2　实例一：蓝色经典　293 12.3　实例二：清明上河图　299 12.4　实例三：交河故城　305 12.5　自动选择CSS样式　310 第3部分　CSS混合应用技术篇 第13章　CSS与JavaScript的综合应用　313 13.1　JavaScript概述　314 13.1.1　JavaScript简介　314 13.1.2　JavaScript的特点　314 13.1.3　JavaScript与CSS　315 13.2　JavaScript语法基础　315 13.2.1　数据类型和变量　317 13.2.2　表达式及运算符　318 13.2.3　基本语句　319 13.3　实例一：输入时高亮显示的Excel表格　323 13.4　实例二：由远到近的文字　325 13.5　实例三：跑马灯特效　327 13.6　实例四：图片淡入淡出　329 13.7　实例五：CSS实现PPT幻灯片　332 13.8　实例六：灯光效果　334 13.9　实例七：舞台灯光　336 13.10　实例八：探照灯　339 13.11　实例九：鼠标文字跟随　340 第14章　CSS与XML的综合运用　345 14.1　XML基础　346 14.1.1　XML的特点　346 14.1.2　XML与HTML　347 14.1.3　XML基本语法　349 14.2　XML链接CSS文件　352 14.3　XML文字阴影效果　353 14.4　XML古诗字画　356 14.5　XML实现隔行变色的表格　359 第15章　CSS与Ajax的综合应用　365 15.1　Ajax概述　366 15.1.1　什么是Ajax　366 15.1.2　Ajax的关键元素　367 15.1.3　CSS的重要地位　368 15.2　Ajax入门　370 15.2.1　创建XMLHttpRequest对象　370 15.2.2　发出Ajax请求　371 15.2.3　处理服务器响应　372 15.2.4　加入CSS样式　372 15.3　Ajax实例：能够自由拖动布局区域的网页　373 第4部分　综合案例篇 第16章　我的博客　383 16.1　分析构架　384 16.1.1　设计分析　384 16.1.2　排版构架　384 16.2　模块拆分　386 16.2.1　导航与Banner　386 16.2.2　左侧列表　388 16.2.3　内容部分　392 16.2.4　footer脚注　394 16.3　整体调整　395 第17章　小型工作室网站　397 17.1　分析构架　398 17.1.1　设计分析　398 17.1.2　首页排版　399 17.1.3　内容页构架　400 17.2　模块拆分　400 17.2.1　搭建首页　400 17.2.2　首页图片　403 17.2.3　内容页面　405 17.2.4　footer脚注　407 17.3　整体调整　408 第18章　企业网站　409 18.1　分析构架　410 18.1.1　设计分析　410 18.1.2　排版构架　411 18.2　模块拆分　412 18.2.1　Logo与顶端链接　412 18.2.2　左侧导航与搜索　414 18.2.3　主体内容　416 18.2.4　内容Banner　416 18.2.5　新闻快递　416 18.2.6　公司咨询　417 18.2.7　英文刊物　419 18.3　整体调整　421 第19章　网上购物网站　423 19.1　分析构架　424 19.1.1　设计分析　424 19.1.2　排版构架　425 19.2　模块分析　426 19.2.1　Banner图片　426 19.2.2　导航菜单　428 19.2.3　鲜花导购　429 19.2.4　主体内容　433 19.3　整体调整　436 第20章　旅游网站　437 20.1　分析构架　438 20.1.1　设计分析　438 20.1.2　排版构架　438 20.2　模块拆分　440 20.2.1　Banner图片与导航菜单　440 20.2.2　左侧分栏　441 20.2.3　中部主体　443 20.2.4　右侧分栏　446 20.2.5　脚注(footer)　448 20.3　整体调整　449