重磅推荐
【产品特色】


【编辑推荐】

10年开发教学经验,一线讲师半生心血。

1. 体验好。

几乎每个章节都有二维码,微信扫一扫,可以随时随地看视频。

2. 资源多

从配套到拓展,资源库一应俱全。除了249节配套微视频和275个实例案例外。还提供如下学习资源:

(1)习题及面试题库(共计1000题)

(2)案例库(各类案例4396个)

(3)工具库(HTML参考手册11部、CSS参考手册10部、JavaScript参考手册26部)

(4)网页模板库(各类模板1636个)

(5)网页素材库(17大类)

(6)网页配色库(623项)

(7)网页欣赏案例库(共计508例)

3.案例多

实例案例丰富详尽,达到275个,边做边学更快捷。跟着大量案例去学习,边学边做,从做中学,学习可以更深入、更高效。

4.入门易

遵循学习规律,入门实战相结合。编写模式采用基础知识 中小实例 实战案例,内容由浅入深,循序渐进,从入门中学习实战应用,从实战应用中激发学习兴趣。

5.服务快:

提供在线服务,随时随地可交流。提供QQ群、网站下载等多渠道贴心快捷服务。


【内容简介】

CSS 3 DIV网页样式与布局从入门到精通 同属CSS 3揭秘 DIV CSS 3 入门 CSS 3 权威指南 CSS3 禅意花园 大类。本书全面系统地讲解了CSS基础理论和实际运用技术,通过大量实例对CSS DIV技术、CSS核心技术、CSS实战应用进行了深入浅出的分析。。 全书分三大部分,共16章。*部分主要介绍了CSS相关基础知识,包括CSS样式设计基础,使用CSS设置字体和文本样式、图片样式,控制背景图像,设计列表样式、表格样式、表单样式,定义链接样式,使用DIV CSS布局网页,CSS定位与网页版式设计等;第二部分介绍了CSS新技术,包括使用CSS3布局网页和设计动画;第三部分为扩展应用部分,介绍了如何使用JavaScript控制 CSS样式、使用CSS设计XML文档样式、使用CSS设计移动页面等。

CSS 3 DIV网页样式与布局从入门到精通 配备了极为丰富的学习资源,其中配套资源:248节教学视频(可二维码扫描)、素材源程序;附赠的拓展学习资源:习题及面试题库、案例库、工具库、网页模板库、网页配色库、网页素材库、网页案例欣赏库等。

CSS 3 DIV网页样式与布局从入门到精通 适用于CSS从入门到精通、CSS DIV从入门到精通层次读者,也可作为各大中专院校网页设计、网页制作、网站建设、Web前端开发相关专业的教学参考用书,或相关培训机构的培训教材。


【作者简介】

未来科技是由一群热爱Web开发的青年骨干教师组成的一个松散组织,主要从事Web开发、教学培训、教材开发等业务。该群体编写的同类图书在很多网店上的销量名列前茅,让数十万的读者轻松跨进了Web开发的大门,为Web开发的普及和应用做出了积极贡献。


【目录】

第1章 CSS样式设计基础

视频讲解:27 示例:37

1.1 网页设计需要学什么

1.1.1 学习HTML

1.1.2 掌握DIV布局

1.1.3 学习CSS

1.1.4 学习JavaScript

1.2 设计良好的结构

1.2.1 一个简单的文档必须包含的
内容

1.2.2 认识标签

1.2.3 选用标签

1.2.4 使用div和span

1.2.5 使用id和class

1.2.6 设置文档类型

1.2.7 认识显示模式

1.3 初识CSS

1.3.1 CSS发展历史

1.3.2 CSS优势

1.3.3 CSS样式

1.3.4 应用CSS样式

1.3.5 CSS样式表

1.3.6 导入样式表

1.3.7 CSS注释和格式化

1.3.8 设计个样式示例

1.4 CSS选择器

1.4.1 认识CSS选择器

1.4.2 标签选择器

1.4.3 ID选择器

1.4.4 类选择器

1.4.5 指定选择器

1.4.6 包含选择器

1.4.7 子选择器

1.4.8 相邻选择器

1.4.9 兄弟选择器

1.4.10 分组选择器

1.4.11 伪选择器

1.4.12 属性选择器

1.4.13 通用选择器

1.5 CSS特性

1.5.1 层叠性

1.5.2 继承性

第2章 使用CSS设置字体和文本样式

视频讲解:19 示例:21

2.1 字体和文本样式基础

2.1.1 字体类型

2.1.2 字体大小

2.1.3 字体颜色

2.1.4 字体粗细

2.1.5 斜体字体

2.1.6 装饰线

2.1.7 字体大小写

2.1.8 文本水平对齐

2.1.9 文本垂直对齐

2.1.10 字间距和词间距

2.1.11 行高

2.1.12 首行缩进

2.2 实战案例

2.2.1 模拟百度Logo样式

2.2.2 定义标题样式

2.2.3 定义正文样式

2.2.4 设计文本块样式

2.2.5 设计新闻版面

2.2.6 设计图文版面

2.2.7 设计单页版式

第3章 使用CSS设置图片样式

视频讲解:14 示例:11

3.1 图片样式基础

3.1.1 图片边框

3.1.2 图片大小

3.1.3 图片对齐

3.1.4 半透明图片

3.1.5 圆角图片

3.1.6 阴影图片

3.2 实战案例

3.2.1 设计镶边效果

3.2.2 设计水印效果

3.2.3 图文混排

3.2.4 图片布局

3.2.5 多图版式

3.2.6 圆角栏目

3.2.7 设计个人简历1

3.2.8 设计个人简历2

第4章 使用CSS控制背景图像

视频讲解:15 示例:13

4.1 背景样式基础

4.1.1 背景颜色

4.1.2 版块配色

4.1.3 设置背景图像

4.1.4 背景平铺

4.1.5 背景定位

4.1.6 固定背景

4.1.7 定位参考

4.1.8 背景裁剪

4.1.9 背景大小

4.1.10 多背景图

4.2 实战案例

4.2.1 设计带花纹的网页边框

4.2.2 设计圆边页面

4.2.3 设计分栏版式

4.2.4 设计滑动门菜单

4.2.5 设计焦点图

第5章 使用CSS定义链接样式

视频讲解:12 示例:11

5.1 链接样式基础

5.1.1 设置链接样式

5.1.2 定义下划线样式

5.1.3 定义类型标识样式

5.1.4 定义按钮样式

5.1.5 案例:基本链接样式应用

5.2 实战案例

5.2.1 鼠标光标样式

5.2.2 文档类型提示

5.2.3 工具提示样式

5.2.4 立体菜单栏

5.2.5 设计CSS Sprites导航栏

5.2.6 选项卡

5.2.7 浏览大图

第6章 使用CSS设计列表样式

视频讲解:12 示例:6

6.1 列表样式基础

6.1.1 设置项目符号

6.1.2 自定义项目图标

6.1.3 定义列表项目的版式

6.2 实战案例

6.2.1 设计新闻栏目

6.2.2 设计导航菜单

6.2.3 设计多级菜单

6.2.4 设计列表版式

6.2.5 使用列表设计图文混排页面

6.2.6 设计水平滑动菜单

6.2.7 设计垂直滑动菜单

6.2.8 设计Tab面板

6.2.9 设计下拉式面板

第7章 使用CSS设计表格样式

视频讲解:9 示例:7

7.1 表格样式基础

7.1.1 设置表格背景色和前景色

7.1.2 设置表格边框

7.1.3 设置单元格边距

7.1.4 设置表格标题的位置

7.1.5 隐藏空单元格

7.2 实战案例

7.2.1 设计课程表

7.2.2 设计通讯录

7.2.3 设计月历

7.2.4 设计分组表格

第8章 使用CSS设计表单样式

视频讲解:8 示例:11

8.1 表单样式基础

8.1.1 定义表单字体样式

8.1.2 定义表单边框和边距样式

8.1.3 定义表单背景样式

8.2 实战案例

8.2.1 定义表单样式

8.2.2 设计下拉菜单样式

8.2.3 设计注册表

8.2.4 设计调查表

8.2.5 设计反馈表

第9章 使用DIV CSS布局网页

视频讲解:14 示例:14

9.1 CSS盒模型

9.1.1 定义边界

9.1.2 定义补白

9.1.3 定义边框

9.1.4 定义尺寸

9.2 CSS布局基础

9.2.1 定义显示类型

9.2.2 定义显示模式

9.2.3 网页布局样式

9.2.4 设置浮动显示

9.2.5 清除浮动

9.2.6 浮动嵌套

9.2.7 网页布局方法

9.3 实战案例

9.3.1 网站重构

9.3.2 设计两列网页

9.3.3 设计三列网页

第10章 使用CSS定位

视频讲解:12 示例:13

10.1 CSS定位基础

10.1.1 设置定位显示

10.1.2 静态定位

10.1.3 定位

10.1.4 相对定位

10.1.5 固定定位

10.1.6 定位包含框

10.1.7 设置定位偏移

10.1.8 设置层叠顺序

10.1.9 层叠上下文

10.2 实战案例

10.2.1 画册式网页定位

10.2.2 展厅式网页定位

10.2.3 书签式网页定位

第11章 网页版式设计与实战

视频讲解:14 示例:4

11.1 HTML结构重构

11.1.1 设计基本结构

11.1.2 SEO结构优化

11.2 单列版式

11.3 两列版式

11.3.1 弹性版式

11.3.2 固宽版式

11.3.3 混合版式

11.4 三列版式

11.4.1 弹性版式

11.4.2 固宽版式

11.4.3 混合版式

11.4.4 多列等高

11.5 实战案例

11.5.1 设计单列固宽网页

11.5.2 设计单列弹性框架网页

11.5.3 设计两列弹性网页

11.5.4 设计三列弹性网页

第12章 使用CSS3布局网页

视频讲解:15 示例:15

12.1 多列流动布局

12.1.1 设置列宽

12.1.2 设置列数

12.1.3 设置列间距

12.1.4 设置列边框样式

12.1.5 设置跨列显示

12.1.6 设置列高度

12.2 弹性盒布局

12.2.1 定义Flexbox

12.2.2 定义伸缩方向

12.2.3 定义行数

12.2.4 定义对齐方式

12.2.5 定义伸缩项目

12.3 实战案例

12.3.1 比较三种布局方式

12.3.2 设计可伸缩网页模板

12.3.3 设计多列网页

12.3.4 设计HTML5应用网页模板

第13章 使用CSS3设计动画

视频讲解:23 示例:29

13.1 设计2D变换

13.1.1 定义旋转

13.1.2 定义缩放

13.1.3 定义移动

13.1.4 定义倾斜

13.1.5 定义矩阵

13.1.6 定义变换原点

13.2 设计3D变换

13.2.1 定义位移

13.2.2 定义缩放

13.2.3 定义旋转

13.3 设计过渡动画

13.3.1 设置过渡属性

13.3.2 设置过渡时间

13.3.3 设置延迟时间

13.3.4 设置过渡动画类型

13.3.5 设置触发方式

13.4 设计帧动画

13.4.1 设置关键帧

13.4.2 设置动画属性

13.5 实战案例

13.5.1 设计挂图

13.5.2 设计高亮显示

13.5.3 设计3D几何体

13.5.4 设计旋转的盒子

13.5.5 设计可折叠面板

13.5.6 设计翻转广告

13.5.7 设计跑步动画

第14章 设计可响应的移动网页

视频讲解:9 示例:7

14.1 响应式设计基础

14.1.1 响应式设计流程

14.1.2 设计响应式图片

14.1.3 定义媒体类型

14.1.4 使用@media

14.1.5 在<link>中定义媒体查询

14.1.6 设计响应式布局

14.2 实战案例

14.2.1 根据设备控制显示内容

14.2.2 设计伸缩菜单

14.2.3 设计可响应网页模板

14.2.4 设计响应式网站首页

第15章 使用JavaScript控制CSS样式

视频讲解:39 示例:73

15.1 在网页中使用JavaScript

15.1.1 使用<script>标签

15.1.2 脚本位置

15.1.3 延迟执行

15.1.4 异步响应

15.1.5 脚本样式与CSS样式

15.2 获取网页对象

15.2.1 获取元素

15.2.2 使用CSS选择器

15.2.3 遍历DOM节点

15.2.4 遍历元素

15.3 操作类样式

15.3.1 获取类样式

15.3.2 添加类样式

15.3.3 删除类样式

15.4 读写行内样式

15.4.1 CSS脚本特性

15.4.2 使用style对象

15.5 读写样式表中样式

15.5.1 使用styleSheets对象

15.5.2 访问样式

15.5.3 读取选择符

15.5.4 编辑样式

15.5.5 添加样式

15.5.6 读取终样式

15.6 获取尺寸

15.6.1 获取对象大小

15.6.2 获取可视区域大小

15.6.3 获取偏移大小

15.6.4 获取窗口大小

15.7 获取位置

15.7.1 获取偏移位置

15.7.2 获取相对位置

15.7.3 获取定位位置

15.7.4 获取鼠标指针位置

15.7.5 获取鼠标指针相对位置

15.7.6 获取滚动条位置

15.8 设置位置

15.8.1 设置偏移位置

15.8.2 设置相对位置

15.8.3 设置滚动条位置
15.9 显示

15.9.1 可见性

15.9.2 透明度

15.10 实战案例

15.10.1 使用定时器

15.10.2 设计运动

15.10.3 设计渐变

15.10.4 设计换肤

第16章 使用CSS设计XML文档样式

视频讲解:7 示例:3

16.1 XML样式基础

16.1.1 XML文档结构

16.1.2 嵌入CSS样式

16.1.3 使用CSS样式表

16.2 实战案例

16.2.1 设计特效文字

16.2.2 设计表格样式

16.2.3 设计图文页面

16.2.4 设计正文版面


【前言】

随着以CSS DIV技术为核心的网页标准化设计的流行,对CSS的学习也成为设计人员的必修课。基于此,本书系统地讲解了CSS的基础知识和实际运用技巧,通过大量实例对CSS进行深入浅出的讲解。
全书着重讲解如何用CSS DIV进行网页布局,注重实际操作,使读者在学习CSS应用技术的同时,掌握CSS DIV的精髓。另外,本书还详细讲解了CSS的外延技术细节,抓住CSS3技术,让读者学有所成,学以致用,提高综合应用能力。
本书编写特点
系统深入
本书系统地讲解了CSS层叠样式表技术在网页设计中各个方面的应用,从为什么要用CSS开始讲解,循序渐进,配合大量实例,帮助读者奠定坚实的理论基础,做到“知其然,知其所以然”。
案例丰富
书中设置大量应用案例、示例,重点强调具体技术的灵活应用,并且结合了作者长期的网页设计制作和教学经验,使读者真正做到学以致用。
重点突出
本书用相当的篇幅重点介绍了用DIV CSS进行网页布局的方法和技巧,配以经典的布局案例,帮助读者掌握CSS核心的应用技术。
综合应用
真正的网页除了外观表现之外,还需要结构标准语言和行为标准的结合,因此本书还特别讲解了CSS与JavaScript、Ajax和XML的混合应用,这些都是Web 2.0网站中的主要技术,使读者一并掌握高级的网页制作技术。
本书内容
本书分为3大部分,共16章,具体结构划分及内容如下。
第1部分:CSS基础知识,包括第1章~第11章,主要介绍了CSS相关的基础知识,包括CSS样式设计基础,使用CSS设置字体和文本样式、图片样式、背景图像样式、列表样式、表格样式、表单样式、链接样式,使用DIV CSS布局网页,使用CSS定位,网页版式设计与实战等。
第2部分:CSS3新技术,包括第12章~第13章,主要通过对CSS3布局和动画进行介绍,由浅入深地讲解设计交互样式和新布局的方法,帮助读者轻松掌握DIV CSS新布局方式,制作出精美的网页并搭建功能强大的网站。
第3部分:扩展应用,包括第14章~第16章,主要介绍了设计可响应的移动网页、使用JavaScript控制CSS样式、使用CSS设计XML文档样式等内容。这些知识在网页设计实践中会经常用到,因此读者需要学习和掌握它们,并能够综合应用各种技术,解决复杂的网页设计问题。
本书显著特色
体验好
二维码扫一扫,随时随地看视频。书中几乎每个章节都提供了二维码,读者朋友可以通过手机微信扫一扫,随时随地看相关的教学视频(若个别手机不能播放,请参考前言中的“本书学习资源列表及获取方式”下载后在计算机上可以一样观看)。
资源多
从配套到拓展,资源库一应俱全。本书不仅提供了几乎覆盖全书的配套视频和素材源文件,还提供了拓展的学习资源,如习题及面试题库、案例库、工具库、网页模板库、网页配色库、网页素材库、网页案例欣赏库等,拓展视野、贴近实战,学习资源一网打尽!
案例多
案例丰富详尽,边做边学更快捷。跟着大量的案例去学习,边学边做,从做中学,使学习更深入、更高效。
入门易
遵循学习规律,入门与实战相结合。本书编写模式采用“基础知识 中小实例 实战案例”的形式,内容由浅入深、循序渐进,从入门中学习实战应用,从实战应用中激发学习兴趣。
服务快
提供在线服务,随时随地可交流。本书提供QQ群、网站下载等多渠道贴心服务。
本书学习资源列表及获取方式
本书的学习资源十分丰富,全部资源分布如下:
配套资源
(1)本书的配套同步视频,共计249节(可用二维码扫描观看或从下述的网站下载)。
(2)本书的素材及源程序,共计275项。
拓展学习资源
(1)习题及面试题库(共计1 000题)。
(2)案例库(各类案例4 396个)。
(3)工具库(HTML参考手册11部、CSS参考手册10部、JavaScript参考手册26部)。
(4)网页模板库(各类模板1 636个)。
(5)网页素材库(17大类)。
(6)网页配色库(623项)。
(7)网页案例欣赏库(共计508例)。
以上资源的获取及联系方式
(1)登录网站xue.bookln.cn,输入书名,搜索到本书后下载。
(2)登录中国水利水电出版社的官方网站:www.waterpub.com.cn/softdown/,找到本书后,根据相关提示下载。
(3)加入本书学习QQ群:621135618、625186596、625853788、626360108,读者可以单击QQ窗口右侧的“群应用”下的“文件”,找到相关资源后下载。
(4)读者朋友还可通过电子邮件weilaitushu@126.com、945694286@qq.com与我们联系。
本书约定
为了给读者提供更多的学习资源,同时弥补篇幅有限的遗憾,本书提供了很多参考链接,部分书中无法详细介绍的问题都可以通过这些链接找到答案。这些链接地址仅供参考,因为这些链接地址会因时间而有所变动或调整,本书无法保证所有这些地址是长期有效的。确有需要,请加入本书QQ群进行咨询。
本书所列出的插图可能会与读者实际环境中的操作界面有所差别,这可能是由于操作系统平台、浏览器版本等不同而引起的,在此特别说明,读者应该以实际情况为准。
本书适用对象
本书适用于网页设计、网页制作、网站建设的入门者和有一定基础的读者,也适用于高等院校,尤其是职业院校相关专业的学生及社会培训机构的学员等。
关于作者
未来科技是由一群热爱Web开发的青年骨干教师组成的一个松散组织,主要从事Web开发、教学培训、教材开发等业务。该群体编写的同类图书在很多网店上的销量名列前茅,让数十万的读者轻松跨进了Web开发的大门,为Web开发的普及和应用做出了积极贡献。
参与本书编写的人员有:刘望、彭方强、邹仲、谢党华、雷海兰、郭靖、马林、刘金、吴云、赵德志、张卫其、李德光、刘坤、杨艳、顾克明、班琦、蔡霞英、曾德剑、曾锦华、曾兰香、曾世宏、曾旺新、曾伟、常星、陈娣、陈凤娟、陈凤仪、陈福妹、陈国锋、陈海兰、陈华娟、陈金清、陈马路、陈石明、陈世超、陈世敏、陈文广等。

编 者


返回顶部