CSS3+DIV网页样式与布局从入门到精通

图书标准信息

• 作者 未来科技 著
• 出版社 中国水利水电出版社
• 出版时间 2017-07
• 版次 1
• ISBN 9787517054221
• 定价 69.80元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 536页
• 字数 1千字
• 正文语种 简体中文
• 丛书 Web开发视频点播大系

【内容简介】

  CSS 3 + DIV网页样式与布局从入门到精通同属CSS 3揭秘 DIV CSS 3 入门 CSS 3 权wei指南 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.1CSS发展历史

 

1.3.2CSS优势

 

1.3.3CSS样式

 

1.3.4应用CSS样式

 

1.3.5CSS样式表

 

1.3.6导入样式表

 

1.3.7CSS注释和格式化

 

1.3.8设计第一个样式示例

 

1.4CSS选择器

 

1.4.1认识CSS选择器

 

1.4.2标签选择器

 

1.4.3ID选择器

 

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.5CSS特性

 

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实战案例

 

模拟百度Logo样式

 

定义标题样式

 

定义正文样式

 

设计文本块样式

 

设计新闻版面

 

设计图文版面

 

设计单页版式

 

第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实战案例

 

设计镶边效果

 

设计水印效果

 

图文混排

 

图片布局

 

多图版式

 

圆角栏目

 

设计个人简历1

 

设计个人简历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实战案例

 

设计带花纹的网页边框

 

设计圆边页面

 

设计分栏版式

 

设计滑动门菜单

 

设计焦点图

 

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

 

视频讲解：12个示例：11个

 

5.1链接样式基础

 

5.1.1设置链接样式

 

5.1.2定义下划线样式

 

5.1.3定义类型标识样式

 

5.1.4定义按钮样式

 

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

 

5.2实战案例

 

鼠标光标样式

 

文档类型提示

 

工具提示样式

 

立体菜单栏

 

设计CSS Sprites导航栏

 

选项卡

 

浏览大图

 

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

 

视频讲解：12个示例：6个

 

6.1列表样式基础

 

6.1.1设置项目符号

 

6.1.2自定义项目图标

 

6.1.3定义列表项目的版式

 

6.2实战案例

 

设计新闻栏目

 

设计导航菜单

 

设计多级菜单

 

设计列表版式

 

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

 

设计水平滑动菜单

 

设计垂直滑动菜单

 

设计Tab面板

 

设计下拉式面板

 

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

 

视频讲解：9个示例：7个

 

7.1表格样式基础

 

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

 

7.1.2设置表格边框

 

7.1.3设置单元格边距

 

7.1.4设置表格标题的位置

 

7.1.5隐藏空单元格

 

7.2实战案例

 

设计课程表

 

设计通讯录

 

设计月历

 

设计分组表格

 

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

 

视频讲解：8个示例：11个

 

8.1表单样式基础

 

8.1.1定义表单字体样式

 

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

 

8.1.3定义表单背景样式

 

8.2实战案例

 

定义表单样式

 

设计下拉菜单样式

 

设计注册表

 

设计调查表

 

设计反馈表

 

第9章使用DIV+CSS布局网页

 

视频讲解：14个示例：14个

 

9.1CSS盒模型

 

9.1.1定义边界

 

9.1.2定义补白

 

9.1.3定义边框

 

9.1.4定义尺寸

 

9.2CSS布局基础

 

9.2.1定义显示类型

 

9.2.2定义显示模式

 

9.2.3网页布局样式

 

9.2.4设置浮动显示

 

9.2.5清除浮动

 

9.2.6浮动嵌套

 

9.2.7网页布局方法

 

9.3实战案例

 

网站重构

 

设计两列网页

 

设计三列网页

 

第10章使用CSS定位

 

视频讲解：12个示例：13个

 

10.1CSS定位基础

 

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实战案例

 

画册式网页定位

 

展厅式网页定位

 

书签式网页定位

 

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

 

视频讲解：14个示例：4个

 

11.1HTML结构重构

 

11.1.1设计基本结构

 

11.1.2SEO结构优化

 

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实战案例

 

设计单列固宽网页

 

设计单列弹性框架网页

 

设计两列弹性网页

 

设计三列弹性网页

 

第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实战案例

 

比较三种布局方式

 

设计可伸缩网页模板

 

设计多列网页

 

设计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实战案例

 

设计挂图

 

设计高亮显示

 

设计3D几何体

 

设计旋转的盒子

 

设计可折叠面板

 

设计翻转广告

 

设计跑步动画

 

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

 

视频讲解：9个示例：7个

 

14.1响应式设计基础

 

14.1.1响应式设计流程

 

14.1.2设计响应式图片

 

14.1.3定义媒体类型

 

14.1.4使用@media

 

14.1.5在中定义媒体查询

 

14.1.6设计响应式布局

 

14.2实战案例

 

根据设备控制显示内容

 

设计伸缩菜单

 

设计可响应网页模板

 

设计响应式网站首页

 

第15章使用JavaScript控制CSS样式

 

视频讲解：39个示例：73个

 

15.1在网页中使用JavaScript

 

15.1.1使用