|
|
课程目录：) \: p, ~6 Y# B9 I+ Y1 C& V1 U; S" Q( V3 K
03-前端基础CSS第一天
) [4 M# p( m6 |* U$ r5 s$ J9 ~01-CSS层叠样式表导读.avi
C7 w, J5 ?1 p' @2 `02-CSS简介.avi
2 N; G' I) k( r03-体验CSS语法规范.avi' i! V' H. g5 ^; c% I
04-CSS代码风格.avi
+ e' K2 A5 ?( U3 A- }- K05-CSS选择器的作用.avi
[$ C+ ~7 D) L7 w" k06-标签选择器.avi9 S# X8 p+ ?7 a" R( W; o/ O! a
07-类选择器.avi' T! @# H9 q. t2 t: o1 R
08-使用类选择器画盒子.avi' g6 d: g3 i) d7 L8 O
09-类选择器特殊使用-多类名.avi
8 \5 |5 g6 W O- M4 }, t6 a( x10-id选择器.avi1 T- n2 x( _: ]* N+ ~9 ?5 K3 H
11-通配符选择器.avi
# Y. ]' j0 p, I1 d+ v0 F12-font-family设置字体系列.avi' D. Z, D$ m: L+ b }- _" i4 K& A
13-font-size字号大小.avi
9 P% @6 N) Y/ {- o, C14-font-weight字体粗细.avi
$ o. S9 I" ], H7 m" T( L' I15-font-style字体样式.avi7 B6 H6 J: V* w6 k2 \: k8 [
16-font复合属性写法.avi
. M' O: n4 P+ x2 s/ s7 K$ G17-字体属性总结.avi
1 A3 n9 S8 ~6 _/ a# I k+ [" X8 |18-文本颜色color.avi$ G1 l4 a! W7 o& h9 d
19-文本对齐text-align.avi
3 j+ B3 D# F5 S, F5 Y: h20-文本装饰text-decoration.avi$ l- f( \8 m* |8 W! B# ?
21-文本缩进text-indent.avi2 H+ |1 ^" h0 z5 b. s
22-行间距line-height.avi8 d+ q O9 x, X
23-CSS文本属性总结.avi
7 G) o* r6 ]5 D$ P! o8 _24-内部样式表.avi
6 t4 ^4 F6 M# _* ?2 Y4 P& d3 r* i3 S' ~25-行内样式表.avi
$ z0 O t' K! ]26-外部样式表.avi
0 q2 l) H: T- y5 \; o! _# e" q27-CSS引入方式总结.avi
/ m( V5 \4 p$ c1 V8 m8 y) ]28-综合案例-新闻页面.avi
3 G5 B0 F U. c6 w& Y& ~0 d29-综合案例-修改样式(一).avi0 f" f, Q9 M$ m- F
30-综合案例-修改样式(二).avi: i7 b8 A# m5 Q- |
31-综合案例-修改样式(三).avi9 q( g* d6 D7 b0 A+ O
32-chrome调试工具使用.avi
9 x' x; P9 f! ?. ]! L/ p# F- Y. H2 J! {/ ?2 l6 `) j; O4 H
04-前端基础CSS第二天 B. w1 \* a' m: k r
01-CSS第二天导读.avi
- N: |! a4 t2 U9 O& \02-emmet语法生成html标签.avi
: C m' a, r- _- `+ o03-emmet语法快速生成css样式.avi
8 k% Y; i! M. H6 v q* q' w: F* f04-快速格式化代码.avi" ^2 n) _1 C% r+ L- {0 g
05-复合选择器简介.avi' _8 W7 u7 o2 W' ]" F. a) u
06-后代选择器.avi c& G- z; E3 B# d/ R( Z
07-子元素选择器.avi
% ]* H2 l7 { V4 M8 j9 ?; A4 l" N08-课堂练习.avi* D2 n h9 \5 [6 j+ |
09-并集选择器.avi/ w1 v2 Z$ `* k, [/ v5 @; X
10-链接伪类选择器(上).avi7 d! I( d1 B: R3 [2 d% l# C- x R# g
11-链接伪类选择器(下).avi" \& ~1 q4 j) A# a' t
12-focus伪类选择器.avi# b" w) ^, \; ?5 f: W5 K& C# N
13-复合选择器总结.avi
( x! Y5 X Y% Q% u L5 Z14-什么是元素显示模式.avi
+ b3 J) s7 k. S5 l3 T15-块元素.avi6 @3 K6 F" N. G+ e
16-行内元素.avi3 p5 E: {0 e( s* r# Q
17-行内块元素.avi
4 O) l( Q$ ]0 o18-元素显示模式总结.avi
& |9 ~4 R, m+ E6 s& Z# s# [19-显示模式的转换.avi
8 k: n; J$ {4 J3 {3 J! u b: e20-一个小工具snipaste的使用.avi7 u8 ]$ ]+ N0 C) n$ B0 ?6 S
21-简洁版小米侧边栏案例.avi3 o W2 {& e1 e" Q0 Z/ Y
22-单行文字垂直居中的原理.avi: [7 z2 w! w* K- n+ P9 D# `& N
23-背景颜色.avi" t/ J; o6 V8 c
24-背景图片.avi
L: r; y1 z- L& Q6 G/ \8 G25-背景平铺.avi2 m. B" e8 i) G7 i2 `/ f) F& p+ ]
26-背景位置-方位名词.avi# K* R# F" Q0 r' p( J$ ^0 ~
27-背景位置案例一.avi
1 G) }* }+ Y3 U' t- r28-背景位置案例二-王者荣耀背景图片.avi: J0 {* s: V7 W
29-背景位置-精确单位.avi2 G: B1 w* y2 @8 u
30-背景位置-混合单位.avi
5 n' {6 j/ u1 H31-背景固定.avi
d+ }. ~. j6 G32-背景属性复合写法.avi
" m" e" j' w9 u: J; w2 `) c: x33-背景颜色半透明.avi& o* m r0 r' D2 d# Y: z
34-背景总结.avi
/ t" Y2 X' ^6 }7 S# x35-综合案例-五彩导航(上).avi# G9 w3 g- M* E1 m; _+ e
36-综合案例-五彩导航(二).avi% |4 U1 I' y3 \- g( X
5 b1 n& c q# a
05-前端基础CSS第三天
( g9 O! F* f3 ^: L n01-CSS三大特性之层叠性.avi
3 B' `* `* A: A# l* J02-CSS三大特性之继承性.avi
) |0 x; s# j5 K4 t3 ]: q4 q1 O- J03-行高的继承.avi" V% [' x% M. R7 d
04-CSS三大特性之优先级.avi2 N' Y$ Z( v2 m
05-优先级注意的问题.avi) l) e0 y% }2 y' l
06-CSS权重的叠加.avi9 }# ?. c6 R/ x& S c( Z) Q
07-权重两个练习题.avi
x1 [5 ` J, w2 m08-盒子模型导读.avi, O V, B& }- l6 {# ?+ |3 Z! A
09-看透网页布局本质.avi
0 |( O) i9 H$ |9 Y- W5 d10-盒子模型组成部分.avi
, W; {9 ]% m8 `7 S4 B11-盒子模型边框border.avi" P; I7 Y/ q6 k9 U$ |3 _ `5 ?, U
12-边框的复合写法.avi
0 @5 _" A* f/ z1 `8 o13-表格细线边框.avi3 a& c1 M' Y+ \& y6 e7 m" J
14-边框会影响盒子实际大小.avi
8 X1 E8 d \4 c; S3 @6 E0 [$ ^; o15-盒子模型内边距padding.avi
* x! }9 v( V3 e0 m% t6 L16-padding复合属性.avi
/ p( d, k* \3 s" |" N17-padding会影响盒子实际大小.avi) U5 G- T, F }8 T
18-padding应用-新浪导航栏(上).avi
1 @+ P. v; g/ E19-padding应用-新浪导航栏(下).avi
# Z. b4 ^* w' L20-小米侧边栏修改.avi
) T! j4 h& J5 o; f6 q7 o21-padding不会撑开盒子的情况.avi
; m5 H7 G4 `% i, z& [- z1 C22-盒子模型外边距margin.avi: v9 W9 P: L; E; G
23-外边距典型应用-块级盒子水平居中对齐.avi7 J& S! V+ u4 M% X) y. J/ @
24-行内元素和行内块元素水平居中.avi
0 H/ K5 `9 I4 v' q25-外边距合并-相邻块元素垂直外边距.avi
' ]0 f# R. j P1 }7 p2 V7 k26-外边距合并-嵌套块元素塌陷.avi: r" i6 z, u. P
27-清除内外边距.avi& \; ]- Z% v: p# I
28-ps的基本操作.avi
4 A- q, a' M9 y. _0 O' d29-综合案例-产品模块布局分析.avi
' V: [7 ^" M5 f2 g, }5 u30-综合案例-box布局.avi
, n& N; i; [; H; Y2 x2 w31-综合案例-图片和段落制作.avi" ~+ @/ z( o$ |9 a1 I7 W
32-综合案例-评价和详情制作.avi
& |4 X/ H# n+ |$ N! m1 t33-综合案例-竖线细节制作.avi% w2 i3 I5 K( x) ^6 c, p& s
34-pink老师解惑.avi
1 v4 P5 h+ w) z, d
0 o3 @* g! e, }06-前端基础CSS第四天+ {5 C4 K s3 R0 v/ \
01-综合案例-快报模块布局分析.avi
* A: A% j& r; K02-综合案例-快报模块头部制作.avi
0 o) U. y o7 ^" G c+ \03-综合案例-快报模块列表制作.avi' \/ R, F8 w" e* V8 j; z
04-圆角边框原理.avi
, B: B6 |3 x7 ^7 B; }9 p05-圆角边框的使用.avi
$ x8 G6 Z* X+ s8 ~& o06-盒子阴影.avi4 g9 C7 f! g' \6 i
07-文字阴影.avi7 o! U8 k+ \. |* J! a3 [ P1 V4 z
08-浮动导读.avi
% @' I9 @8 F' a- j09-传统网页布局三种方式.avi
% I! L. E6 D! O10-为什么需要浮动.avi- g: B" q5 ~: b+ ~
11-什么是浮动.avi2 k% F) A- U0 k
12-浮动特性-脱标.avi B& c3 ~. t" ?, o' _
13-浮动特性-浮动元素一行显示.avi( `. R8 _0 ^' j$ M* H
14-浮动特性-浮动元素具有行内块特性.avi
" H: d ?# J9 C# B- [7 y% q15-浮动元素经常搭配标准流的父元素.avi; \9 [2 f% L7 k( x2 m
16-浮动布局练习1.avi! N1 q) U3 {. o- g* V! C
17-浮动布局练习2.avi
6 {$ a( V- b) T3 ]( E9 j& M18-浮动练习-手机模块(上).avi/ ]/ ^1 p$ ~3 o
19-浮动练习-手机模块(下).avi7 r7 J9 I6 h" {/ A
20-常见的网页布局.avi
) W6 \4 b- K! {1 [# q3 Z( n# }21-浮动的两个注意点.avi
$ v* m& }7 L$ @% V7 H' O# B* C1 r# [22-为什么清除浮动.avi
3 z0 n s8 n7 G23-清除浮动本质以及额外标签法.avi7 m, V+ x; ?- d& p: h( J
24-清除浮动之父元素overflow.avi5 e, t# z5 [% j* a# W9 V1 c' a
25-清除浮动之after伪元素.avi
, D) x* `! w2 G- B5 ^# P p1 m; _ L26-清除浮动之双伪元素.avi7 U, {% }1 }7 k1 L
27-清除浮动.avi8 _* U9 F. U& Z3 D1 l, h9 Z
, m3 |: [ L, N! l1 S# j
07-前端基础CSS第五天& {" h! J4 P2 o6 Y
01-常见的图片格式.avi
/ Z- }" K' t3 T6 v/ o$ K% t02-ps切图-图层切图(上).avi
5 d2 `5 j$ f- W( I3 d, l/ l4 R0 r0 r03-ps切图-图层切图(下).avi
; v/ [: U7 c$ g. f$ h5 D. O04-ps切图-切片工具.avi0 t0 a3 ]! m' P, c: \- d ~" F
05-ps切图-cutterman安装.avi
6 |; i$ | z* d2 u- F7 e06-ps切图-cutterman使用技巧.avi
! c# C/ u+ g+ d/ @! C07-学成在线案例准备工作.avi( r& s3 c: z' Q
08-CSS属性书写顺序(重要).avi+ b) `% k; D3 V
09-页面布局整体思路.avi- i) U/ W0 o [8 r) W
10-学成在线-header区域制作.avi
; ]$ _: g; \1 q1 \0 x0 v11-学成在线-logo区域制作.avi
4 u. s# |3 p- ~- L4 n12-学成在线-导航栏nav区域制作(上).avi
: \/ ?' W( D9 Z3 l+ k/ k13-学成在线-导航栏nav区域制作(中).avi# `, G2 _8 g8 j% p# z
14-学成在线-导航栏nav区域制作(下).avi
% w/ [" q9 ?, @15-学成在线-搜索search模块input制作.avi* G, L, J$ D3 U8 o5 l0 g) L2 X
16-学成在线-搜索search模块button制作.avi
4 J9 v0 x- ]; t6 n" n17-学成在线-用户user模块制作.avi1 V1 p! n0 a6 ]: j
18-学成在线-banner模块制作.avi* q+ G+ k9 g! {% u! p) p {
19-学成在线-subnav模块制作（上）.avi$ _' M0 o( y# a8 J9 Y% G
20-学成在线-subnav模块制作（下）.avi
0 a. E4 k+ `' X/ l4 V21-学成在线-course模块制作（上）.avi. W. [6 ^$ P6 U$ r, ?5 S( Q
22-学成在线-course模块制作（中）.avi0 P* z: J/ Q {9 v4 i6 g4 f* X
23-学成在线-course模块制作（下）.avi5 m3 Z* q; v( }
24-学成在线-精品推荐模块（上）.avi
0 U e4 R+ S# c7 ?8 u8 T( e25-学成在线-精品推荐模块（中）.avi
( l7 l1 t; X* ] Z8 X7 k5 Y# ?( U5 O26-学成在线-精品推荐模块（下）.avi
2 e2 Y# J7 z# m5 P; w* o' w27-学成在线-box-hd模块制作.avi1 B' c3 _& p9 L1 Q( X. i7 I
28-学成在线-box-bd模块制作.avi
6 U; K$ J! K8 g& U7 L. @4 ]29-学成在线-box模块完成.avi0 |& V# M# f/ P+ L
30-学成在线-footer模块制作.avi. [$ c. z0 a0 [" D# \; N
31-学成在线-copyright模块制作.avi
3 u! S O+ O% K4 V32-学成在线-links模块制作.avi! G9 J5 e5 N* t: ^; i) d$ f
; c x$ J. g c# A$ o8 v. P. i5 L08-前端基础CSS第六天
1 A8 s C( W* i01-定位导读.avi |' g% x1 q4 m; D, x9 @$ c3 j
02-为什么需要定位.avi6 ?6 u" }( a4 U6 E+ K' r$ ]: U2 g( _
03-定位组成.avi
: `% L: b( u# l2 `04-相对定位.avi/ S7 a3 N# |& w5 M( `! m
05-绝对定位-没有父级或者父级无定位情况.avi
! X' F6 d1 A7 K4 F) B) |6 z1 [06-绝对定位-父级有定位情况.avi+ [! x! ^7 c0 v2 X: r9 e, f5 x& C) @
07-绝对定位脱标的不占有原来位置.avi. B3 `# o: O k4 \$ J$ d5 V R
08-子绝父相的由来.avi
- e3 |8 ^! B+ ^, d5 ~7 T& b09-子绝父相案例-hot模块.avi
& k, V2 V/ c6 x: d, W4 b10-固定定位.avi
8 o% T( `. W, v! x$ m11-固定定位小技巧-固定到版心右侧.avi+ [0 |1 O% _5 Q# a, {, K
12-粘性定位（了解）.avi
% }5 n/ J0 @% H' v4 X13-定位总结.avi; Q1 n; m" |- Y) P" y
14-定位的叠放顺序.avi
8 G3 N' Q' r3 Q9 L% X( G3 V! o6 |6 ?15-绝对定位的盒子居中算法.avi/ b& x1 e+ H9 W' b
16-定位的特殊特性.avi
% L/ i2 ~. A9 r7 m6 Y3 l17-浮动元素不会压住标准流的文字定位会.avi0 v4 ~; u# y1 V2 z- I) J9 }. J: ^
18-淘宝焦点图布局分析.avi
! {, Q$ B" q# p% |# Y5 t- L, u19-淘宝焦点图-大盒子制作.avi9 A$ I. v5 x! h& R4 o" Q' f
20-淘宝焦点图-左侧箭头按钮制作.avi
1 ~; e+ V1 z, R9 p* B- F5 M% r21-淘宝焦点图-右侧箭头按钮制作.avi; S0 z3 e3 z# s8 e
22-淘宝焦点图-ul盒子模块制作.avi: i/ r8 L* w2 A M0 i- R
23-淘宝焦点图-li小圆点模块制作.avi2 G- l+ y$ i6 N* w% J$ D! {% J% s
24-网页布局总结.avi" k6 O6 p: G. o A1 u
25-display显示隐藏元素.avi
( ^! }* L9 ]3 O. u% E9 Z26-visibility显示隐藏元素.avi
# e0 s# v1 j# t27-overflow溢出显示隐藏.avi
( d& U; s; Z0 S2 u* o8 q28-土豆案例（上）.avi1 g5 h. }( ]- T4 H
29-土豆案例（下）.avi1 p0 F& |" N; y
; `' X$ C: E* B09-前端基础CSS第七天& y2 w, f. \8 y. B8 Z/ L
01-CSS高级技巧导读.avi
! | ^4 u" J( q( t- ] o02-为什么需要精灵技术.avi; \& H7 n5 j" R( M1 B
03-精灵图使用（原理）.avi
5 N. N8 \6 n5 N& j04-精灵图使用（代码）.avi7 B% H2 H y0 f7 F6 L$ \
05-精灵图案例-拼出自己名字.avi( ]3 s F0 `" z0 B4 |% d
06-字体图标产生和优点.avi1 P( C% H* Z2 x& C( I7 C
07-字体图标下载.avi7 V7 U$ h6 c Y3 r
08-字体图标的使用.avi
P( ?* ~2 _/ U0 V' \09-字体图标的追加和加载原理.avi
; |; w; G w/ ~3 Q9 ~; w10-CSS三角的做法.avi7 z. M8 j" d" x8 O4 L" j6 E
11-CSS三角应用-京东效果.avi
; f. {$ I4 z6 @5 m" e12-用户界面-鼠标样式.avi7 o' w% u- S8 L0 q/ t# A' q
13-用户界面-取消表单轮廓和防止拖拽文本域.avi
, h- T: Y; b% t1 i; s14-vertical-align实现行内块和文字垂直居中对齐.avi0 i9 `' s+ g- O- A8 g: @
15-图片底侧空白缝隙解决方案.avi
/ K7 ]- C' V3 _9 \16-单行文字溢出省略号显示.avi
8 z* v$ z9 l5 D7 v- @% A" `0 b17-多行文字溢出省略号显示.avi
+ Z1 \! W/ I' d18-布局技巧-margin负值巧妙运用（上）.avi" J1 H0 P+ H+ @& ?: q4 z/ U+ ], I
19-布局技巧-margin负值巧妙运用（下）.avi) w5 l, f' ~$ N7 h
20-布局技巧-文字围绕浮动元素巧妙运用.avi2 H$ |2 S2 J& X0 c
21-布局技巧-行内块的巧妙运用.avi2 e/ s, k' b: n3 W$ A, H
22-布局技巧-CSS三角巧妙运用（上）.avi
$ U* b# w1 P/ \/ z& {23-布局技巧-CSS三角巧妙运用（下）.avi
1 \0 S9 n q% N7 i. X. c# n# T' X; y24-CSS初始化.avi
7 _+ L1 M/ J8 i* R* O/ h' v
8 I" t4 m! g; } |
本帖子中包含更多资源
您需要 登录 才可以下载或查看，没有账号？立即注册
×
|
/1 
|小黑屋|Archiver|手机版|一路学IT论坛 专业视频教程网站
窥视卡
雷达卡
发表于 2020-2-29 13:44:06
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡