简介:CSS布局内容属于前端初级内容,但对于缺乏实战经验的人仍然是不小的挑战。本课程从布局的概念开始讲起,由浅入深全面带你学习 CSS 的主流布局。主要有居中布局、多列布局以及全屏布局三种开发必会的布局方案,分别讲解三种布局方案的N种布局情况,每一种情况又分别提供几种不同的主流解决方案,让你真正的做到学以致用,解决工作中遇到的布局问题。
第2章 水平居中布局
本章从水平居中布局概念入手,主要讲解三种解决方案实现水平居中布局以及三种解决方案的优点与缺点
第3章 垂直居中布局
本章从垂直居中布局概念入手,主要讲解两种解决方案实现垂直居中布局以及两种解决方案的优点与缺点
第4章 居中布局
本章从居中布局概念入手,主要讲解两种解决方案实现居中布局以及两种解决方案的优点与缺点
第5章 两列布局
本章从两列布局概念入手,主要讲解四种解决方案实现两列布局以及四种解决方案的优点与缺点
第6章 三列布局
本章从三列布局概念入手,主要讲解四种解决方案实现三列布局以及四种解决方案的优点与缺点
第7章 圣杯布局
本章主要讲解圣杯布局的由来、实现方式以及优点与缺点
第9章 等分布局
本章从等分布局概念入手,主要讲解两种解决方案实现等分布局以及两种解决方案的优点与缺点
第10章 等高布局
本章从等高布局概念入手,主要讲解两种解决方案实现等高布局以及两种解决方案的优点与缺点
第11章 CSS3 多列布局
本章从CSS3多列布局的概念入手,主要讲解CSS3多列布局的相关属性
解锁即可观看《前端工程师(升级版)》完整课程视频
前端工程师(升级版)
前端入门如同写字,让你容易看见实际效果,保持学习热情,如果你不知道从哪开始,那就选择前端
【第1周】页面结构层HTML
【第2周】页面化妆师CSS
【第3周】页面结构升级HTML5
【第4周】升级页面化妆师CSS3
【第5周】让页面动起来的JS基础部分
【第6周】综合实战案例
【第7周】让页面动起来的JavaScript深入讲解
【第8周】一个快速、简洁的JS库--jQuery
【第9周】一个高大上的思想,开发电商网页
【第10周】HTML5在移动端开发的贡献
【第11周】移动webApp开发必备基础
【第12周】webApp美团实战案例
【第13周】小程序基础与实战案例
【第14周】学习高级框架的阶梯ES6基础
【第15周】Vue.js基础+仿去哪网电商实战
【第16周】React基础知识+实战案例
【第17周】就业必备的技术面试分析
【第18周】Node.js全栈开发基础知识
【第19周】登录实现方案与留言板项目实践