跟着王进老师学Web前端开发第二季:CSS技术实战—534人已学习
课程介绍
CSS主要用于对网页中字体、颜色、背景、图像及其他各种元素的控制,使网页能够完全按照设计者的要求来显示。本季课程讲解了一些关于CSS的基础知识,通过学习这个季课程,你可以简单的知道CSS到底是什么,其实这就足够了。通过一个章节一个案例的形式,让你一点点的学会CSS的基础语法,每一个案例都配有源代码,你可以在课程中很清晰的看到这些代码是如何写出来的,终实现页面的灵活布局和美化。
课程收益
HTML和CSS是组成WEB前端开发最核心的技术,结合第一季的HTML课程,然后再来学习这套CSS课程,你将会获得更多的体验。启发式教学,每一节课程都有案例演示,让你从头到尾学习毫无压力。
讲师介绍
王进 更多讲师课程
教学风格独特,以学员视角出发设计课程,难易适度,重点突出,架构清晰,将实战经验融合到教学中。讲授技术同时传递方法。得到广大学员的高度认可。
课程大纲
第1章:初识CSS
1. 前端开发基础语言 9:20
2. CSS是什么 13:04
3. CSS应用演示 15:51
4. 内部样式表演示 9:43
5. 外部样式表演示 8:42
第2章:CSS基础知识储备
1. CSS基础语法 13:23
2. CSS颜色值 22:03
3. CSS单位 20:02
4. CSS文字属性 19:49
5. CSS符号属性 9:49
6. CSS背景样式 16:52
7. CSS链接状态 12:59
8. CSS框线 6:15
第3章:CSS选择器
1. 标签选择器 9:58
2. 类选择器 9:16
3. id选择器 6:28
4. 分组选择器 5:16
5. 子类选择器和包含选择器 6:42
6. 属性选择器 9:19
7. 组合选择器 6:58
8. 伪类选择器 21:36
9. 选择器优先级 10:11
第4章:案例演示:网站首页的布局--顶部
1. 网站首页布局的总体介绍 14:57
2. 页面布局的基本介绍 9:18
3. header部门的布局 32:42
4. logo部分的布局 17:29
5. 导航栏部分布局 22:50
6. 大图部分布局 10:21
第5章:CSS盒子模型
1. CSS盒子模型是什么 17:45
2. 盒子模型占用空间大小计算 22:53
3. 盒子模型的案例演示 20:51
4. 盒子模型问题讨论01:margin负值 15:33
5. 盒子模型问题讨论02:box-sizing属性 15:46
6. 盒子模型问题讨论03:外边距的纵向合并 5:17
7. 盒子模型问题讨论04:Margin越界 10:52
8. 小技巧:盒子模型画图 13:16
第6章:CSS定位机制
1. CSS定位三种机制 14:01
2. 普通流定位 8:03
3. float浮动定位基本使用 13:08
4. float浮动定位细节讨论 20:24
5. Position定位总体介绍 9:56
6. Position定位之绝对定位 20:43
7. Position定位之相对定位 7:28
8. Position定位之fixed固定 15:05
第7章:案例演示:网站首页布局--内容
1. 南京大学首页内容部分总体分析 12:18
2. 南京大学首页内容部分框架搭建 15:35
3. 实现标题部分布局 11:45
4. 实现南大新闻部分布局 44:09
5. 实现通知公告的布局 22:57
6. 实现科学研究的布局 21:44
7. 实现校园生活的布局 23:05
第8章: 案例演示:网站首页布局--底部
1. 南京大学首页页脚内容分析 8:49
2. 首页页脚部分框架搭建 13:04
3. 实现页脚图片的左边部分布局 12:28
4. 实现页脚图片的右边部分 25:46
5. 实现图片特效 5:37
6. 完成地址栏的布局 23:38
7. 鼠标经过显示二维码 6:37
第9章:课后练习题:北京大学首页布局
1. 课后练习题:北京大学首页的布局 13:39
第10章:课后练习题:登陆页面的布局
1. 课后练习题:登录页面的布局 3:16
大家可以点击【 查看详情】查看我的课程
课程介绍
CSS主要用于对网页中字体、颜色、背景、图像及其他各种元素的控制,使网页能够完全按照设计者的要求来显示。本季课程讲解了一些关于CSS的基础知识,通过学习这个季课程,你可以简单的知道CSS到底是什么,其实这就足够了。通过一个章节一个案例的形式,让你一点点的学会CSS的基础语法,每一个案例都配有源代码,你可以在课程中很清晰的看到这些代码是如何写出来的,终实现页面的灵活布局和美化。
课程收益
HTML和CSS是组成WEB前端开发最核心的技术,结合第一季的HTML课程,然后再来学习这套CSS课程,你将会获得更多的体验。启发式教学,每一节课程都有案例演示,让你从头到尾学习毫无压力。
讲师介绍
王进 更多讲师课程
教学风格独特,以学员视角出发设计课程,难易适度,重点突出,架构清晰,将实战经验融合到教学中。讲授技术同时传递方法。得到广大学员的高度认可。
课程大纲
第1章:初识CSS
1. 前端开发基础语言 9:20
2. CSS是什么 13:04
3. CSS应用演示 15:51
4. 内部样式表演示 9:43
5. 外部样式表演示 8:42
第2章:CSS基础知识储备
1. CSS基础语法 13:23
2. CSS颜色值 22:03
3. CSS单位 20:02
4. CSS文字属性 19:49
5. CSS符号属性 9:49
6. CSS背景样式 16:52
7. CSS链接状态 12:59
8. CSS框线 6:15
第3章:CSS选择器
1. 标签选择器 9:58
2. 类选择器 9:16
3. id选择器 6:28
4. 分组选择器 5:16
5. 子类选择器和包含选择器 6:42
6. 属性选择器 9:19
7. 组合选择器 6:58
8. 伪类选择器 21:36
9. 选择器优先级 10:11
第4章:案例演示:网站首页的布局--顶部
1. 网站首页布局的总体介绍 14:57
2. 页面布局的基本介绍 9:18
3. header部门的布局 32:42
4. logo部分的布局 17:29
5. 导航栏部分布局 22:50
6. 大图部分布局 10:21
第5章:CSS盒子模型
1. CSS盒子模型是什么 17:45
2. 盒子模型占用空间大小计算 22:53
3. 盒子模型的案例演示 20:51
4. 盒子模型问题讨论01:margin负值 15:33
5. 盒子模型问题讨论02:box-sizing属性 15:46
6. 盒子模型问题讨论03:外边距的纵向合并 5:17
7. 盒子模型问题讨论04:Margin越界 10:52
8. 小技巧:盒子模型画图 13:16
第6章:CSS定位机制
1. CSS定位三种机制 14:01
2. 普通流定位 8:03
3. float浮动定位基本使用 13:08
4. float浮动定位细节讨论 20:24
5. Position定位总体介绍 9:56
6. Position定位之绝对定位 20:43
7. Position定位之相对定位 7:28
8. Position定位之fixed固定 15:05
第7章:案例演示:网站首页布局--内容
1. 南京大学首页内容部分总体分析 12:18
2. 南京大学首页内容部分框架搭建 15:35
3. 实现标题部分布局 11:45
4. 实现南大新闻部分布局 44:09
5. 实现通知公告的布局 22:57
6. 实现科学研究的布局 21:44
7. 实现校园生活的布局 23:05
第8章: 案例演示:网站首页布局--底部
1. 南京大学首页页脚内容分析 8:49
2. 首页页脚部分框架搭建 13:04
3. 实现页脚图片的左边部分布局 12:28
4. 实现页脚图片的右边部分 25:46
5. 实现图片特效 5:37
6. 完成地址栏的布局 23:38
7. 鼠标经过显示二维码 6:37
第9章:课后练习题:北京大学首页布局
1. 课后练习题:北京大学首页的布局 13:39
第10章:课后练习题:登陆页面的布局
1. 课后练习题:登录页面的布局 3:16
大家可以点击【 查看详情】查看我的课程