欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 >教程文档 >Css&Div > CSS3 DIV网页样式与布局:从入门到精通[PDF][185.55MB]

CSS3 DIV网页样式与布局:从入门到精通[PDF][185.55MB]

2019-10-20 95 收藏 0 赞一个 0 真差劲 0 去评论 去下载

内容简介

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前端开发相关专业的教学参考用书,或相关培训机构的培训教材。

目录

第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  在中定义媒体查询

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  使用

文档截图

QQ截图20191020172233.jpg

CSS3 DIV网页样式与布局:从入门到精通[PDF][185.55MB]

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站所有资源(包括模板、素材、软件、字体等)仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

下载地址
大家评论
分享是个好习惯