编辑推荐
null
内容简介
《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 了解网页 1 1.1.1 网页与网站的关系 1 1.1.2 网页基本构成元素 3 1.2 定义网页设计 3 1.2.1 简述网页设计 3 1.2.2 网页设计的特点 4 1.2.3 网页设计的相关术语 6 1.2.4 常见网站类型 8 1.3 网站开发流程 11 1.3.1 网站策划 11 1.3.2 规划网站结构 11 1.3.3 素材收集整理 11 1.3.4 网页版式与布局分析 12 1.3.5 确定网站主色调 12 1.3.6 设计网站页面 13 1.3.7 切割和优化网页 13 1.3.8 制作HTML页面 13 1.3.9 使用CSS样式控制网页外观 13 1.3.10 为网页应用JavaScript特效 14 1.3.11 网站后台程序开发 14 1.3.12 申请域名和服务器空间 14 1.3.13 测试并上传网站 14 1.4 关于DIV CSS布局 14 1.4.1 布局特点 14 1.4.2 DIV CSS布局的优势 15 1.5 Web标准 16 1.5.1 什么是Web标准 16 1.5.2 Web标准的内容 16 1.5.3 结构、表现、行为和内容 16 1.5.4 遵循Web标准的好处 18 第2章 了解HTML5 2.1 HTML基本概念 19 2.1.1 了解HTML 19 2.1.2 HTML的作用 20 2.1.3 HTML的基础结构 20 2.1.4 HTML的基本语法 21 2.2 HTML发展史 22 2.2.1 HTML 22 2.2.2 XML 23 2.2.3 XHTML 23 2.2.4 制作HTML页面 24 实例01 制作简单的HTML页面 24 2.3 HTML常用标签 25 2.3.1 区块标签 25 2.3.2 文本标签 26 2.3.3 格式标签 26 2.3.4 图像标签 27 2.3.5 表格标签 27 2.3.6 超链接标签 27 2.4 HTML5基础 28 2.4.1 了解HTML5 28 2.4.2 HTML5的简化操作 28 2.4.3 HTML5标签 29 2.4.4 HTML5废弃标签 30 2.4.5 HTML5的选择器 31 2.4.6 HTML5的优势 31 2.5 HTML5的应用 32 2.5.1 标签 32 实例02 在网页中实现绘图效果 33 2.5.2 声音和视频标签 34 实例03 在网页中嵌入音频和视频 35 第3章 初识CSS样式 3.1 了解CSS样式 38 3.1.1 使用CSS样式的原因 38 3.1.2 使用CSS样式的优势 39 3.1.3 使用CSS样式的作用 40 3.1.4 使用CSS样式的局限性 41 3.1.5 CSS样式的基础语法 41 3.1.6 认识CSS规则的构成 42 3.2 在网页中应用CSS样式的4种方法 42 3.2.1 内联CSS样式 42 实例04 使用style属性添加内联CSS样式 43 3.2.2 内部CSS样式 44 实例05 使用style标签添加内部CSS样式 44 3.2.3 链接外部CSS样式文件 45 实例06 使用link标签链接外部CSS样式文件 45 3.2.4 导入外部CSS样式文件 46 实例07 使用@import命令导入外部CSS样式文件 47 3.3 CSS选择器 48 3.3.1 通配选择器 48 3.3.2 标签选择器 48 3.3.3 ID选择器 48 3.3.4 类选择器 48 3.3.5 伪类和伪对象选择器 49 实例08 设置酒店网站文字链接效果 49 3.3.6 群选择器 50 实例09 设置女装网站图片效果 50 3.3.7 派生选择器 53 3.3.8 层次选择器 54 3.4 CSS3中的选择器 55 3.4.1 属性选择器 55 3.4.2 结构伪类选择器 56 3.4.3 UI元素状态伪类选择器 56 3.5 CSS样式的特性 57 3.5.1 继承性 57 3.5.2 层叠性 58 3.5.3 权重 58 3.6 CSS样式中的颜色设置和单位 60 3.6.1 CSS中的多种颜色设置方法 60 3.6.2 CSS中的绝对单位 61 3.6.3 CSS中的相对单位 61 3.6.4 CSS3中新增的颜色定义方法 62 第4章 使用CSS设置文本和段落样式 4.1 设置文本CSS样式 63 4.1.1 设置字体font-family 63 4.1.2 设置字体大小font-size 63 实例10 设置欢迎页面中文字的字体和大小 64 4.1.3 设置字体颜色color 65 4.1.4 设置字体粗细font-weight 65 实例11 设置网页中字体的颜色和粗细 66 4.1.5 设置字体样式font-style 68 4.1.6 设置英文字体大小写text-transform 68 4.1.7 设置文字修饰text-decoration 68 实例12 设置网页中英文字体的属性 68 4.2 设置段落样式 72 4.2.1 字间距letter-spacing 72 4.2.2 行间距line-height 72 实例13 在网页中设计文字间距 72 4.2.3 段落首字下沉 74 4.2.4 段落首行缩进text-indent 74 实例14 设置段落文字首字下沉和缩进样式 74 4.2.5 段落水平对齐text-align 76 4.2.6 文本垂直对齐vertical-align 76 实例15 设置文本水平居中和垂直居中对齐 76 4.3 使用CSS3嵌入Web字体 78 4.3.1 @font-face语法 78 4.3.2 自定义字体方法 79 4.3.3 声明多个字体来源 79 4.3.4 @font-face规则的浏览器兼容性 80 4.4 在网页中应用特殊字体 80 实例16 在卡通网页中使用特殊字体 80 4.5 CSS3中文字效果设置 82 4.5.1 文字阴影text-shadow 82 4.5.2 文本溢出处理text-overflow 83 实例17 为网页中的文字设置效果 83 第5章 使用CSS设置背景和图片样式 5.1 设置背景颜色CSS样式 86 5.1.1 背景颜色background-color 86 5.1.2 为页面元素设置不同的背景颜色 86 实例18 为网页设置背景颜色 86 5.1.3 背景图像大小background-size 88 5.1.4 背景图像显示区域background-origin 88 5.1.5 背景图像裁剪区域background-clip 88 实例19 控制网页元素背景图像 89 5.2 设置背景图像CSS样式 91 5.2.1 背景图像background-image 91 5.2.2 背景图像重复方式background-repeat 91 实例20 设置图片网站背景图像 91 5.2.3 背景图像固定background-attachment 93 5.2.4 背景图像位置background-position 93 实例21 设置网页背景和图像固定位置 94 5.2.5 渐变背景 95 5.3 设置图片CSS样式 96 5.3.1 图片边框border 96 实例22 设置卡通网站中的图片边框 99 5.3.2 图片缩放 100 实例23 实现跟随浏览器窗口缩放的图片 100 5.3.3 图片水平对齐 102 5.3.4 图片的垂直对齐 103 5.4 在网页中实现图文混排 104 5.4.1 使用CSS样式实现文本绕图效果 104 5.4.2 设置文本绕图间距 105 实例24 实现图文混排并设置间距 105 5.5 网页中特殊的图像效果应用 106 5.5.1 全屏大图切换 106 实例25 设计作品展示页面 107 5.5.2 鼠标经过图像动态效果 109 实例26 制作图片展示网页 109 第6章 使用CSS设置列表样式 6.1 了解网页中的列表 113 6.2 设置列表的CSS样式 113 6.2.1 ul无序项目列表 114 6.2.2 ol有序编号列表 114 实例27 制作无序列表和有序列表 114 6.2.3 dl定义列表 116 6.2.4 更改列表项目样式 117 6.2.5 自定义列表符号 117 6.3 使用列表制作导航菜单 118 6.3.1 使用CSS样式创建横向导航菜单 118 实例28 制作游戏网站导航 118 6.3.2 使用CSS样式创建竖向导航菜单 119 6.4 列表在网页中的特殊应用 120 6.4.1 滚动图像 120 实例29 在网页中实现四图横向滚动效果 120 6.4.2 动态堆叠卡 124 实例30 制作个性网站欢迎页面 124 第7章 使用CSS设置超链接样式 7.1 了解网页超链接 128 7.1.1 什么是超链接 128 7.1.2 关于链接路径 128 7.1.3 超链接对象 129 7.1.4 创建超链接原则 129 7.2 CSS样式伪类 130 7.2.1 :link伪类 130 7.2.2 :hover伪类 130 7.2.3 :active伪类 131 7.2.4 :visited伪类 131 7.3 超链接CSS样式应用 132 7.3.1 超链接文字样式 132 实例31 设置游戏网站文字超链接效果 132 7.3.2 按钮式超链接 134 实例32 制作设计网站导航菜单 134 7.3.3 为超链接添加背景 136 实例33 背景翻转导航菜单 136 7.4 设置网页中的光标效果 138 7.5 超链接在网页中的特殊应用 139 7.5.1 倾斜导航菜单 139 实例34 玩具网站倾斜导航 139 7.5.2 动感超链接 141 实例35 卡通网站动感导航菜单 142 第8章 使用CSS设置表格样式 8.1 了解表格 145 8.1.1 认识表格标签与结构 145 8.1.2 表格标题标签 147 8.1.3 表格列和标签 148 8.1.4 水平对齐和垂直对齐 149 8.2 使用CSS样式控制表格外观 150 8.2.1 设置表格边框 150 8.2.2 设置表格背景颜色 150 8.2.3 设置表格背景图像 150 实例36 制作网站新闻栏目 150 8.3 使用CSS样式实现表格特效 154 8.3.1 设置单元行背景颜色 154 8.3.2 :hover伪类在表格中的应用 154 实例37 使用CSS实现表格的交互效果 154 第9章 使用CSS设置表单元素样式 9.1 关于表单 157 9.1.1 表单标签 157 9.1.2 输入标签 158
媒体评论
null
