学途无忧

标题: 一课全面掌握主流CSS布局(完结) [打印本页]

作者: admin 时间: 2022-7-3 20:11
标题: 一课全面掌握主流CSS布局(完结)
一课全面掌握主流CSS布局(完结)
〖课程介绍〗:$ y: U; Q) O+ E# x% K! k$ l
      CSS布局内容属于前端初级内容，但对于缺乏实战经验的人仍然是不小的挑战。本课程从布局的概念开始讲起，由浅入深全面带你学习 CSS 的主流布局。主要有居中布局、多列布局以及全屏布局三种开发必会的布局方案，分别讲解三种布局方案的N种布局情况，每一种情况又分别提供几种不同的主流解决方案，让你真正的做到学以致用，解决工作中遇到的布局问题。* g8 d7 r: Y& l
8 z8 E( S2 N& g) g
〖课程目录〗:2 C' p. K! Q$ |  D8 U
      第1章从概念讲起# y' v4 V4 I1 I  p% w' X+ w
      本章主要讲解布局的概念以及实现布局的注意事项
      视频：( \9 g: h$ _9 p1 B& D$ P
      1-1 什么是布局 (04:34)
      第2章水平居中布局* t- [+ w" h% U, Z5 Q
      本章从水平居中布局概念入手，主要讲解三种解决方案实现水平居中布局以及三种解决方案的优点与缺点0 b! B, |$ l- P8 p
      视频：4 W9 ]0 e8 K: c; q8 A
      2-1 什么是居中布局 (02:45)
      视频：
      2-2 什么是水平居中布局 (02:51)
      视频：
      2-3 水平居中布局的第一种解决方案 (09:07)
      视频：2 F; X0 ~0 N' |! c6 s- C
      2-4 水平居中布局的第一种解决方案优点与缺点 (04:41)& l- v4 a( f. S# X. _/ q
      视频：0 z7 }3 v, |' N) @) r. ]
      2-5 水平居中布局的第二种解决方案 (07:02)- r% m( A6 `2 y" O+ O
      视频：
      2-6 水平居中布局的第二种解决方案优点与缺点 (04:17); R$ S' ~2 Q8 r5 L" y
      视频：
      2-7 水平居中布局的第三种解决方案 (07:53)
      视频：
      2-8 水平居中布局的第三种解决方案优点与缺点 (02:20)  G( g2 \) j0 L
      第3章垂直居中布局. ^; \( x1 H! g: j
      本章从垂直居中布局概念入手，主要讲解两种解决方案实现垂直居中布局以及两种解决方案的优点与缺点5 h6 N  h2 u; E# J' g2 e
      视频：+ l; z2 Z- ^/ t8 W% r' p6 G
      3-1 什么是垂直居中布局 (01:45)
      视频：
      3-2 垂直居中布局的第一种解决方案 (05:18)1 a+ N1 p1 F% \
      视频：  o# I2 i: t- U- S: n; @" ^
      3-3 垂直居中布局的第一种解决方案优点与缺点 (02:26). |8 p# O( x2 a9 M3 z
      视频：
      3-4 垂直居中布局的第二种解决方案 (04:29)
      视频：
      3-5 垂直居中布局的第二种解决方案优点与缺点 (01:59)
      第4章居中布局
      本章从居中布局概念入手，主要讲解两种解决方案实现居中布局以及两种解决方案的优点与缺点( M8 F/ G: G0 t# L3 U# y. w
      视频：2 B- Q6 U3 v1 o! C0 S+ B1 _# m
      4-1 什么是居中布局(水平+垂直) (02:20)
      视频：+ X; ?) k* k/ U& \6 @
      4-2 居中布局的第一种解决方案及优缺点 (06:18)% o6 q7 ?4 i% U% x
      视频：
      4-3 居中布局的第二种解决方案及优缺点 (06:28)( W0 I* Z. l% c. X
      第5章两列布局
      本章从两列布局概念入手，主要讲解四种解决方案实现两列布局以及四种解决方案的优点与缺点& a0 P0 \$ v, t. U! C
      视频：% {( t1 s) a2 \* G' l
      5-1 什么是多列布局 (06:12)
      视频：
      5-2 什么是两列布局 (02:29)9 T+ W8 D4 n  k, o$ T
      视频：& E5 C; r4 [2 H0 Q& w5 d* _; U
      5-3 两列布局的第一种解决方案 (07:27)4 S. u9 t) g. r1 \# `0 k$ ]- \) [
      视频：8 g, t7 B, z% Y" c0 U9 J1 ]
      5-4 两列布局的第一种解决方案优点与缺点 (06:18)% m* F3 w% y, g( e6 [5 M6 I
      视频：
      5-5 两列布局的第一种解决方案的优化版 (12:58)
      视频：
      5-6 两列布局的第二种解决方案 (04:45)  O7 e: @! J* b+ |& Z
      视频：) G, D, u! M9 f3 d/ y1 h8 E1 @
      5-7 两列布局的第二种解决方案优点与缺点 (03:21); i, q1 c9 l4 x# J, ?  f
      视频：
      5-8 两列布局的第三种解决方案 (06:32)# j$ L) P" x# p* n4 L0 U7 v
      视频：  I7 {) X7 D5 u- k3 ^- \  n8 y
      5-9 两列布局的第三种解决方案优点与缺点 (03:07); X- Z" @& y9 b6 `% m" n
      第6章三列布局7 s; \! B1 n$ x
      本章从三列布局概念入手，主要讲解四种解决方案实现三列布局以及四种解决方案的优点与缺点
      视频：  e. I# b8 \) m) `
      6-1 什么是三列布局 (03:06)$ C) [! M. u3 E3 I( N+ S
      视频：
      6-2 三列布局的解决方案**** 本内容需购买 ****

欢迎光临学途无忧 (http://xuetu123.com/)