为了账号安全,请及时绑定邮箱和手机立即绑定
简介:本课程中,张鑫旭大大将带领大家学习z-index的基本知识,并深入讲解嵌套表现以及z-index计算规则。同时还将介绍CSS中非常基础且重要的元素层叠表现的概念、元素的层叠顺序,以及z-index、还有其他CSS属性与层叠上下文的关系。还有最值得期待的z-index实践经验分享!

第1章 CSS z-index基础

本章主要是介绍z-index的语法以及它支持的属性值等。

第2章 z-index与CSS定位属性

通过本章学习我们要对嵌套表现以及z-index计算规则有一个了解

第3章 CSS中的层叠上下文和层叠水平

通过本章学习我们要能够深入的理解元素层叠表现的概念。

第4章 元素的层叠顺序

你知道块状元素,浮动元素,内联元素发生重叠时候的层叠顺序吗?

第5章 z-index与层叠上下文

z-index的一些行为表现实际上就是层叠上下文的作用。

第6章 其他CSS属性与层叠上下文

除了z-index, CSS中还有很多其他属性也会影响层叠上下文。

第7章 z-index与其他CSS属性层叠上下文

非定位元素的z-index层叠顺序,z-index与非定位层叠上下文关系,以及一些奇怪现象的解释(透明动画的显隐)。

第8章 z-index相关实践分享

最小化影响原则,负值隐藏,组件计数器等。

解锁即可观看《前端工程师》完整课程视频

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

【第1周】HTML5基础语法与标签
【第2周】CSS3基础语法与盒模型
【第3周】CSS3浮动定位与背景样式
【第4周】CSS3动画与穷游首页开发实战
【第5周】JS基础语法与表达式
【第6周】JS流程控制语句与数组
【第7周】JS函数与DOM
【第8周】面向对象
【第9周】项目实战:仿穷游JS特效开发
【第10周】ES6基础入门
【第11周】ES6语法扩展
【第12周】ES6之Promise与Class类
【第13周】ES6之Module模块与Babel编译
【第14-15周】HTTP 协议、存储、Ajax
【第16周】项目实战:仿穷游组件化开发
【第17周】移动基础
【第18周】移动进阶之高效开发
【第19周】项目实战:仿穷游移动webapp开发
【第20周】小程序基础与慕课小程序实战
【第21-22周】Sass基础与Vue.js基础语法
【第23周】项目实战:Vue.js仿京东到家电商全栈项目前端开发(上)
【第24-25周】项目实战:Vue.js仿京东到家电商全栈项目前端(下)
【第26周】全栈必备基础Node.js
【第27周】koa2中间件与MongoDB数据库
【第28-29周】项目实战:node.js仿京东到家电商全栈项目后端开发
【第30周】TypeScript与React.js基础语法
【第31-32周】React旅游网开发与工程化
【第33周】就业必备基础技术面试分析
【第34周】就业必备框架与全栈技术面试分析
课程须知
既适合学习过CSS基础知识的新手深入学习,也欢迎有经验的小伙伴加深了解噢!
老师告诉你能学到什么?
1、深入理解嵌套表现及z-index的计算规则; 2、详细介绍元素层叠表现、顺序及CSS的一些属性对层叠上下文的作用; 3、分享z-index相关事件经验。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!