网页设计与开发殿堂之路DIV+CSS 3网页样式与布局全程揭秘(第3版)

本书特色

[

《DIV CSS 3网页样式与布局全程揭秘（第3版）》是一本关于DIV CSS 网站建设的经典之作，系统地介绍CSS 样式的基础理论和实际应用技术，并结合实例讲解使用DIV CSS 布局制作网页的方法和技巧。在介绍使用CSS 样式进行设计的同时，还结合实际网页制作中可能遇到的问题，提供了解决问题的思路、方法和技巧。 《DIV CSS 3网页样式与布局全程揭秘（第3版）》内容简洁、通俗易懂，通过知识点与案例相结合的方式，让读者能够清晰明了地理解DIV CSS 布局制作网页的相关技术内容，从而达到学以致用的目的。全书共分14 章，包括网页和网站开发知识、了解HTML5、初识CSS 样式、使用CSS 设置文本和段落样式、使用CSS 设置背景和图片样式、使用CSS 设置列表样式、使用CSS 设置超链接样式、使用CSS 设置表格样式、使用CSS 设置表单元素样式、使用CSS 设置动画效果、CSS 样式的浏览器兼容性、使用DIV CSS 布局网页、CSS 与JavaScript 实现网页特效和商业网站案例等内容。 《DIV CSS 3网页样式与布局全程揭秘（第3版）》结构清晰、实例经典、技术实用，适合网页样式布局的初、中级读者，以及希望学习Web 标准对原网站进行重构的网页设计者，也可以作为高等院校相关专业的教材。

]

内容简介

[

《DIV+CSS 3网页样式与布局全程揭秘（第3版）》是一本关于DIV+CSS 网站建设的经典之作，系统地介绍CSS 样式的基础理论和实际应用技术，并结合实例讲解使用DIV+CSS 布局制作网页的方法和技巧。在介绍使用CSS 样式进行设计的同时，还结合实际网页制作中可能遇到的问题，提供了解决问题的思路、方法和技巧。
《DIV+CSS 3网页样式与布局全程揭秘（第3版）》内容简洁、通俗易懂，通过知识点与案例相结合的方式，让读者能够清晰明了地理解DIV+CSS 布局制作网页的相关技术内容，从而达到学以致用的目的。全书共分14 章，包括网页和网站开发知识、了解HTML5、初识CSS 样式、使用CSS 设置文本和段落样式、使用CSS 设置背景和图片样式、使用CSS 设置列表样式、使用CSS 设置超链接样式、使用CSS 设置表格样式、使用CSS 设置表单元素样式、使用CSS 设置动画效果、CSS 样式的浏览器兼容性、使用DIV+CSS 布局网页、CSS 与JavaScript 实现网页和商业网站案例等内容。
《DIV+CSS 3网页样式与布局全程揭秘（第3版）》结构清晰、实例经典、技术实用，适合网页样式布局的初、中级读者，以及希望学习Web 标准对原网站进行重构的网页设计者，也可以作为高等院校相关专业的教材。

]

目录

目录
第1章 网页和网站开发知识1.1　了解网页 11.1.1　网页与网站的关系 11.1.2　网页基本构成元素 31.2　定义网页设计 31.2.1　简述网页设计 31.2.2　网页设计的特点 41.2.3　网页设计的相关术语 61.2.4　常见网站类型 81.3　网站开发流程 111.3.1　网站策划 111.3.2　规划网站结构 111.3.3　素材收集整理 111.3.4　网页版式与布局分析 121.3.5　确定网站主色调 121.3.6　设计网站页面 131.3.7　切割和优化网页 131.3.8　制作HTML页面 131.3.9　使用CSS样式控制网页外观 131.3.10　为网页应用JavaScript特效 141.3.11　网站后台程序开发 141.3.12　申请域名和服务器空间 141.3.13　测试并上传网站 141.4　关于DIV CSS布局 141.4.1　布局特点 141.4.2　DIV CSS布局的优势 151.5　Web标准 161.5.1　什么是Web标准 161.5.2　Web标准的内容 161.5.3　结构、表现、行为和内容 161.5.4　遵循Web标准的好处 18第2章 了解HTML52.1　HTML基本概念 192.1.1　了解HTML 192.1.2　HTML的作用 202.1.3　HTML的基础结构 202.1.4　HTML的基本语法 212.2　HTML发展史 222.2.1　HTML 222.2.2　XML 232.2.3　XHTML 232.2.4　制作HTML页面 24实例01　制作简单的HTML页面 242.3　HTML常用标签 252.3.1　区块标签 252.3.2　文本标签 262.3.3　格式标签 262.3.4　图像标签 272.3.5　表格标签 272.3.6　超链接标签 272.4　HTML5基础 282.4.1　了解HTML5 282.4.2　HTML5的简化操作 282.4.3　HTML5标签 292.4.4　HTML5废弃标签 302.4.5　HTML5的选择器 312.4.6　HTML5的优势 312.5　HTML5的应用 322.5.1　标签 32实例02　在网页中实现绘图效果 332.5.2　声音和视频标签 34实例03　在网页中嵌入音频和视频 35第3章 初识CSS样式
3.1　了解CSS样式 383.1.1　使用CSS样式的原因 383.1.2　使用CSS样式的优势 393.1.3　使用CSS样式的作用 403.1.4　使用CSS样式的局限性 413.1.5　CSS样式的基础语法 413.1.6　认识CSS规则的构成 423.2　在网页中应用CSS样式的4种方法 423.2.1　内联CSS样式 42实例04　使用style属性添加内联CSS样式 433.2.2　内部CSS样式 44实例05　使用style标签添加内部CSS样式 443.2.3　链接外部CSS样式文件 45实例06　使用link标签链接外部CSS样式文件 453.2.4　导入外部CSS样式文件 46实例07　使用@import命令导入外部CSS样式文件 473.3　CSS选择器 483.3.1　通配选择器 483.3.2　标签选择器 483.3.3　ID选择器 483.3.4　类选择器 483.3.5　伪类和伪对象选择器 49实例08　设置酒店网站文字链接效果 493.3.6　群选择器 50实例09　设置女装网站图片效果 503.3.7　派生选择器 533.3.8　层次选择器 543.4　CSS3中的选择器 553.4.1　属性选择器 553.4.2　结构伪类选择器 563.4.3　UI元素状态伪类选择器 563.5　CSS样式的特性 573.5.1　继承性 573.5.2　层叠性 583.5.3　权重 583.6　CSS样式中的颜色设置和单位 603.6.1　CSS中的多种颜色设置方法 603.6.2　CSS中的绝对单位 613.6.3　CSS中的相对单位 613.6.4　CSS3中新增的颜色定义方法 62第4章 使用CSS设置文本和段落样式4.1　设置文本CSS样式 634.1.1　设置字体font-family 634.1.2　设置字体大小font-size 63实例10　设置欢迎页面中文字的字体和大小 644.1.3　设置字体颜色color 654.1.4　设置字体粗细font-weight 65实例11　设置网页中字体的颜色和粗细 664.1.5　设置字体样式font-style 684.1.6　设置英文字体大小写text-transform 684.1.7　设置文字修饰text-decoration 68实例12　设置网页中英文字体的属性 684.2　设置段落样式 724.2.1　字间距letter-spacing 724.2.2　行间距line-height 72实例13　在网页中设计文字间距 724.2.3　段落首字下沉 744.2.4　段落首行缩进text-indent 74实例14　设置段落文字首字下沉和缩进样式 744.2.5　段落水平对齐text-align 764.2.6　文本垂直对齐vertical-align 76实例15　设置文本水平居中和垂直居中对齐 764.3　使用CSS3嵌入Web字体 784.3.1　@font-face语法 784.3.2　自定义字体方法 794.3.3　声明多个字体来源 794.3.4　@font-face规则的浏览器兼容性 804.4　在网页中应用特殊字体 80实例16　在卡通网页中使用特殊字体 804.5　CSS3中文字效果设置 824.5.1　文字阴影text-shadow 824.5.2　文本溢出处理text-overflow 83实例17　为网页中的文字设置效果 83第5章 使用CSS设置背景和图片样式5.1　设置背景颜色CSS样式 865.1.1　背景颜色background-color 865.1.2　为页面元素设置不同的背景颜色 86实例18　为网页设置背景颜色 865.1.3　背景图像大小background-size 885.1.4　背景图像显示区域background-origin 885.1.5　背景图像裁剪区域background-clip 88实例19　控制网页元素背景图像 895.2　设置背景图像CSS样式 915.2.1　背景图像background-image 915.2.2　背景图像重复方式background-repeat 91实例20　设置图片网站背景图像 915.2.3　背景图像固定background-attachment 935.2.4　背景图像位置background-position 93实例21　设置网页背景和图像固定位置 945.2.5　渐变背景 955.3　设置图片CSS样式 965.3.1　图片边框border 96实例22　设置卡通网站中的图片边框 995.3.2　图片缩放 100实例23　实现跟随浏览器窗口缩放的图片 1005.3.3　图片水平对齐 1025.3.4　图片的垂直对齐 1035.4　在网页中实现图文混排 1045.4.1　使用CSS样式实现文本绕图效果 1045.4.2　设置文本绕图间距 105实例24　实现图文混排并设置间距 1055.5　网页中特殊的图像效果应用 1065.5.1　全屏大图切换 106实例25　设计作品展示页面 1075.5.2　鼠标经过图像动态效果 109实例26　制作图片展示网页 109第6章 使用CSS设置列表样式6.1　了解网页中的列表 1136.2　设置列表的CSS样式 1136.2.1　ul无序项目列表 1146.2.2　ol有序编号列表 114实例27　制作无序列表和有序列表 1146.2.3　dl定义列表 1166.2.4　更改列表项目样式 1176.2.5　自定义列表符号 1176.3　使用列表制作导航菜单 1186.3.1　使用CSS样式创建横向导航菜单 118实例28　制作游戏网站导航 1186.3.2　使用CSS样式创建竖向导航菜单 1196.4　列表在网页中的特殊应用 1206.4.1　滚动图像 120实例29　在网页中实现四图横向滚动效果 1206.4.2　动态堆叠卡 124实例30　制作个性网站欢迎页面 124第7章 使用CSS设置超链接样式7.1　了解网页超链接 1287.1.1　什么是超链接 1287.1.2　关于链接路径 1287.1.3　超链接对象 1297.1.4　创建超链接原则 1297.2　CSS样式伪类 1307.2.1　:link伪类 1307.2.2　:hover伪类 1307.2.3　:active伪类 1317.2.4　:visited伪类 1317.3　超链接CSS样式应用 1327.3.1　超链接文字样式 132实例31　设置游戏网站文字超链接效果 1327.3.2　按钮式超链接 134实例32　制作设计网站导航菜单 1347.3.3　为超链接添加背景 136实例33　背景翻转导航菜单 1367.4　设置网页中的光标效果 1387.5　超链接在网页中的特殊应用 1397.5.1　倾斜导航菜单 139实例34　玩具网站倾斜导航 1397.5.2　动感超链接 141实例35　卡通网站动感导航菜单 142第8章 使用CSS设置表格样式8.1　了解表格 1458.1.1　认识表格标签与结构 1458.1.2　表格标题标签 1478.1.3　表格列和标签 1488.1.4　水平对齐和垂直对齐 1498.2　使用CSS样式控制表格外观 1508.2.1　设置表格边框 1508.2.2　设置表格背景颜色 1508.2.3　设置表格背景图像 150实例36　制作网站新闻栏目 1508.3　使用CSS样式实现表格特效 1548.3.1　设置单元行背景颜色 1548.3.2　:hover伪类在表格中的应用 154实例37　使用CSS实现表格的交互效果 154第9章 使用CSS设置表单元素样式9.1　关于表单 1579.1.1　表单标签 1579.1.2　输入标签 1589.1.3　文本域标签 1589.1.4　选择域标签和 1599.1.5　其他表单元素 1599.1.6　关于、和标签 162实例38　创建简单的网页表单 1639.2　使用CSS样式控制表单元素 1659.2.1　使用CSS样式设置表单元素的背景色和边框 165实例39　制作网站登录页面 1659.2.2　使用CSS样式实现圆角文本字段 169实例40　制作圆角登录框 1699.2.3　使用CSS样式设置下拉列表效果 170实例41　制作网站搜索栏 1709.3　表单在网页中的特殊应用 1739.3.1　聚焦型提示语消失 173实例42　文本字段提示语效果1 1739.3.2　输入型提示语消失 176实例43　文本字段提示语效果2 176第10章 使用CSS设置动画效果10.1　CSS3变形属性简介 17810.2　实现网页元素2D变形效果 17910.2.1　旋转变形 179实例44　实现网页元素的旋转效果 17910.2.2　缩放和翻转变形 181实例45　实现网页元素的缩放效果 18110.2.3　移动变形 182实例46　实现网页元素位置的移动 18310.2.4　倾斜变形 184实例47　实现网页元素的倾斜效果 18410.2.5　矩阵变形 18610.3　实现元素3D变形效果 18610.3.1　3D位移 186实例48　实现网页元素的3D位移效果 18710.3.2　3D旋转 188实例49　实现网页元素的3D旋转效果 18910.3.3　3D缩放 191实例50　实现网页元素的3D缩放效果 19110.3.4　3D矩阵 19210.4　CSS3过渡简介 19310.4.1　CSS3过渡属性 19310.4.2　如何创建过渡动画 19310.5　CSS3实现元素过渡效果 19410.5.1　transition-property属性——实现过渡效果 19410.5.2　transition-duration属性——过渡时间 195实例51　实现网页元素的变形过渡效果 19510.5.3　transition-delay属性——过渡延迟时间 19710.5.4　transition-timing-function属性——过渡方式 19810.6　CSS3关键帧动画简介 19810.6.1　CSS3新增的animation属性 19810.6.2　@keyframes的语法 19910.7　为网页元素应用关键帧动画 20010.7.1　使用@keyframes声明动画 20010.7.2　调用@keyframes声明的动画 20110.8　CSS3动画子属性详解 20110.8.1　animation-name属性——调用动画 20110.8.2　animation-duration属性——动画播放时间 20210.8.3　animation-timing-function属性——动画播放方式 20210.8.4　animation-delay属性——动画开始播放时间 20210.8.5　animation-iteration-count属性——动画播放次数 20210.8.6　animation-direction属性——动画播放方向 20210.8.7　animation-play-state属性——动画播放状态 20310.8.8　animation-fill-mode属性——动画时间外属性 203实例52　制作关键帧动画效果 203第11章 CSS样式的浏览器兼容性11.1　CSS选择器的浏览器兼容性 20711.1.1　基础选择器的浏览器兼容性 20711.1.2　层次选择器的浏览器兼容性 20711.1.3　伪类选择器的浏览器兼容性 208实例53　美化超链接按钮样式 20911.1.4　属性选择器的浏览器兼容性 21111.2　文本属性的浏览器兼容性 21211.2.1　文字和段落样式的浏览器兼容性 21211.2.2　text-overflow属性的浏览器兼容性 21311.2.3　text-shadow属性的浏览器兼容性 21411.2.4　@font-face规则的浏览器兼容性 21411.3　背景和图片的浏览器兼容性 21611.3.1　background-clip属性的浏览器兼容性 21611.3.2　CSS3多背景的浏览器兼容性 21711.3.3　opacity属性的浏览器兼容性 21811.4　边框属性的浏览器兼容性 21811.4.1　边框基础属性的浏览器兼容性 21811.4.2　border-color属性的浏览器兼容性 21911.4.3　border-radius属性的浏览器兼容性 219实例54　为网页元素设置圆角效果 22011.4.4　border-image属性的浏览器兼容性 22211.4.5　box-shadow属性的浏览器兼容性 22311.5　盒模型的浏览器兼容性 22411.5.1　CSS盒模型的浏览器兼容性 22411.5.2　定位属性的浏览器兼容性 22411.5.3　outline属性的浏览器兼容性 22611.5.4　多列布局属性的浏览器兼容性 226实例55　实现网页内容分列布局 22711.6　CSS动画的浏览器兼容性 22911.6.1　CSS3变形属性的浏览器兼容性 22911.6.2　CSS3过渡属性的浏览器兼容性 23011.6.3　animation属性的浏览器兼容性 23111.6.4　@keyframes的浏览器兼容性 231第12章 使用DIV CSS布局网页12.1　关于DIV 23212.1.1　什么是DIV 23212.1.2　如何在网页中插入DIV 23212.1.3　与标签的区别 23312.2　ID与class 23412.2.1　什么是ID 23412.2.2　什么时候使用ID 23512.2.3　什么是class 23512.2.4　什么时候使用class 23512.3　CSS盒模型 23612.3.1　什么是CSS盒模型 23612.3.2　CSS盒模型的要点 23712.3.3　margin属性 237实例56　制作房产网站欢迎页 23712.3.4　border属性 23812.3.5　padding属性 239实例57　制作图片网页 23912.3.6　content部分 24012.4　CSS3中的弹性盒模型 24012.4.1　box-orient属性控制盒子取向 24112.4.2　box-direction属性控制盒子顺序 24212.4.3　box-ordinal-group属性控制盒子位置 24312.4.4　box-flex属性控制盒子弹性空间 24512.4.5　盒子空间管理box-pack和box-align属性 24612.4.6　盒子空间溢出管理box-lines属性 24812.5　网页元素定位 24812.5.1　关于position属性 24812.5.2　relative定位方式 249实例58　实现图像的叠加效果 24912.5.3　absolute定位方式 250实例59　制作科技公司网站页面 25012.5.4　fixed定位方式 252实例60　固定不动的网站导航菜单 25212.5.5　float定位方式 253实例61　制作图片列表页面 25312.6　常用DIV CSS布局解析 25612.6.1　内容居中的网页布局 25612.6.2　浮动的网页布局 25712.6.3　自适应高度的解决方法 26112.7　CSS3中的界面相关属性 26112.7.1　内容溢出处理overflow 26212.7.2　区域缩放调节resize 26312.7.3　轮廓外边框outline 26412.7.4　多列布局column 26512.7.5　航序列号nav-index 26512.8　CSS3的其他属性 26512.8.1　判断对象@media 265实例62　根据不同的浏览器窗口显示不同的背景颜色 26612.8.2　加载服务器端字体@font-face 26612.9　使用CSS3制作网页特效 267实例63　网页动态交互导航菜单 267第13章 CSS与JavaScript实现网页特效13.1　JavaScript基础 27213.1.1　JavaScript的发展 27213.1.2　JavaScript的特点 27313.1.3　JavaScript语法中的基本要求 27313.1.4　CSS样式与JavaScript 27513.2　使用JavaScript的方法 27513.2.1　使用标签嵌入JavaScript代码 27513.2.2　调用外部JavaScript脚本文件 27613.2.3　直接位于事件处理部分的代码中 27613.3　JavaScript中的数据类型和变量 27613.3.1　数据类型 27613.3.2　变量 27713.4　JavaScript运算符 27713.4.1　算术运算符 27713.4.2　逻辑运算符 27713.4.3　比较运算符 27813.5　JavaScript程序语句 27813.5.1　if条件语句 27813.5.2　switch条件语句 27813.5.3　for循环语句 27913.5.4　while循环语句 27913.6　jQuery 27913.6.1　jQuery Mobile 27913.6.2　jQuery UI 281实例64　制作折叠式作品展示栏目 28213.7　常见网页特效 28413.7.1　广告切换效果 285实例65　制作简洁的左右轮换广告效果 28513.7.2　页面切换 288实例66　全屏页面切换效果 288第14章 商业网站案例14.1　如何简写CSS样式 29514.1.1　颜色值简写 29514.1.2　简写font属性 29514.1.3　简写background属性 29614.1.4　简写border属性 29614.1.5　简写margin和padding属性 29714.1.6　简写list属性 29814.2　优化CSS样式 29814.2.1　CSS选择符的命名规范 29914.2.2　重用CSS样式 29914.2.3　覆盖的方法简化CSS样式 29914.3　企业网站 30014.3.1　设计分析 30014.3.2　布局分析 30014.3.3　案例制作 30014.4　儿童用品网站 30614.4.1　设计分析 30614.4.2　布局分析 30614.4.3　案例制作 30614.5　游戏网站 31214.5.1　设计分析 31214.5.2　布局分析 31214.5.3　案例制作 312

封面

书名:网页设计与开发殿堂之路DIV+CSS 3网页样式与布局全程揭秘(第3版)

作者:畅利红

页数:0

定价:¥69.8

出版社:清华大学出版社

出版日期:2018-04-01

ISBN:9787302529316

PDF电子书大小:123MB 高清扫描完整版