登录网站，浏览更多精彩内容
您需要 登录 才可以下载或查看，没有账号？加入我们
×
! A) E* `" g, N8 ^5 i7 f5 a; w
# h$ I8 Z6 J# J
视频目录：
" d! L7 P& @; C9 Aday1_01-HTML5CSS3-阶段任务说明* v7 V- v3 ]% \
day1_02-HTML5-什么是HTML56 s# b. ~' z6 |
day1_03-HTML5-语义化标签的使用
$ x: ^8 b& ?0 d& e! H9 |day1_04-HTML5-语义化标签的兼容性处理
( z* O& O% ]8 N" Vday1_05-HTML5-表单新增的type属性
' {) j& g9 I" x/ r5 m' oday1_06-HTML5-表单新增的其它属性
6 d5 B j4 k5 h% J8 q9 q0 mday1_07-HTML5-表单新增元素(datalist)
6 Z/ F- W5 Z" G t& e' x" sday1_08-HTML5-表单新增元素(keygen+output)
1 ^* b! Z5 r6 M# m2 m; Oday1_09-HTML5-新增的表单事件+ U2 r* d# k5 `6 A: c
day1_10-HTML5-进度条
# ]& ~0 p4 B* h# G4 u0 Uday1_11-HTML5-表单总结案例
7 [9 p5 B/ M4 q- v. Kday1_12-HTML5-音频和视频8 L. z, S9 d$ q& s) k
day1_12-HTML5-音频和视频标签的使用
# }, f" n* B! N, Jday1_13-HTML5-获取dom元素
0 R( C2 K4 ]0 R/ Xday1_14-HTML5-操作元素类样式- I7 {9 Y; O2 P4 r
day1_15-HTML5-自定义属性* V9 }- P7 E0 C: Q
day2_01-HTML5-网络监听接口
3 O) z' _3 d3 P3 xday2_02-HTML5-全屏接口的使用! ]! p# y/ u A+ J2 ~9 G
day2_03-HTML5-FileReader的使用
1 t8 Z+ L6 B! m* B/ `5 aday2_04-HTML5-拖拽接口使用(上)9 w9 R: n+ w8 @. n, O
day2_05-HTML5-拖拽接口使用(下)
* j' @4 G" u( S8 Cday2_05-HTML5-拖拽接口使用(中)
5 a2 [$ i4 l+ o( ~day2_06-HTML5-地理定位接口(上)
1 _5 M+ a2 P9 [$ h3 ]2 T+ y3 {day2_07-HTML5-地理定位接口(下)
" w' M1 _: N+ Y s8 Pday2_08-HTML5-web存储_sessionStorage
" a, l9 M0 s3 B& i# Pday2_09-HTML5-web存储_localStorage
) L* n! `0 l, h$ \1 T# Y+ a' Oday2_10-HTML5-应用程序缓存
3 o9 x6 }5 l: Mday2_11-HTML5-自定义播放器(接口说明与界面说明)
' x7 I. h: a( b! ~$ Qday2_12-HTML5-自定义播放器(播放与暂停)6 o$ B' J/ p) f r: I# g) }5 C
day2_13-HTML5-自定义播放器(播放过程业务逻辑处理)
4 U; M, n* W0 ~day2_14-HTML5-自定义播放器(跳播和播放结束业务处理)
2 _: q' @: N C: h1 ~day3_02-HTML5-属性选择器; j5 X6 A \" }2 H/ v
day3_03-HTML5-兄弟伪类
5 U- ^6 n3 o1 Wday3_04-HTML5-相对于父元素的结构伪类
/ x0 M4 q0 N! L9 f1 B" ?, Dday3_05-HTML5-伪类样式target% |0 J! i G9 c. f0 z% S8 J
day3_06-HTML5-伪元素(before after)
) i# P i! A+ _ ?, b9 `" ]day3_07-HTML5-其它伪元素的使用
7 [* w, e _+ c3 q \) bday3_08-HTML5-颜色模式之RGB
D: v9 S9 r* H" G$ p- Qday3_09-HTML5-颜色模式之HSL4 {0 l' g/ p! y
day3_10-HTML5-HTML5中两种颜色设置的方式
1 k/ j( q8 h' k% a! K0 Q% Zday3_11-HTML5-文件阴影- s& X7 f7 i: P' Y ^0 V/ I
day3_12-HTML5-盒模型
5 s7 i, E$ f( P' H) J2 mday3_13-HTML5-边框圆角
G) x5 ? O P9 Tday3_14-HTML5-案例-andorid机器人/ A6 y/ z& O4 h' Q: Y* f! L
day3_3-01-HTML5-CSS3简介
$ |. W4 Q. ^# E7 ]1 w) Kday3_3-15-HTML5-边框阴影1 i3 s# @2 |+ q _
day4_01-HTML5-线性渐变1 R6 E! ]8 Q, U* O$ f6 F
day4_02-HTML5-径向渐变. p# Y2 h3 n) D" @! I+ ]4 V7 X
day4_03-HTML5-重复渐变1 H9 X' J! _9 o3 m- L; _& L
day4_04-HTML5-background(上)
& ~+ F- C v! A7 }day4_05-HTML5-background(中)' v* c3 _: P6 }9 I9 J. n
day4_06-HTML5-background(backgroundSize案例)
9 G6 {( G, U Y% m/ u% n- W, wday4_07-HTML5-background(下)" X/ Y% R+ |3 L- i
day4_08-HTML5-边框图片(上)$ m6 m y5 y( V" d9 f
day4_09-HTML5-边框图片(中)
6 ?: D9 ^8 q1 s( Lday4_10-HTML5-边框图片(案例)( I+ Z& B l7 i7 V
day4_11-HTML5-过渡) c2 G7 O% |1 I& p+ u: t6 K
day4_12-HTML5-过渡案例-手风琴菜单" e0 U4 U) o" l& i- O& G
day4_13-HTML5-transform2D转换(translate)
* t: E- y8 i/ ` y3 F( j( |day4_14-HTML5-transform2D转换(scale)# `: _& P& y0 ~" E
day4_15-HTML5-transform2D转换(rotate)
; a( \$ e* z) ~) aday4_16-HTML5-transform2D转换(skew)1 f0 l1 y3 H V- E
day4_17-HTML5-transform-origin
! M8 p$ X& U6 T$ m! @$ R# Eday4_18-HTML5-同时添加多个transform属性值% H3 {7 L+ u" I B6 |5 x; ]
day4_19-HTML5-实现任意元素居中8 z0 }4 ~1 D) }% N9 Z
day4_20-HTML5-3d移动
) n9 ^$ k) [6 _- Jday4_21-HTML5-3d缩放( x( G" o3 o5 q* f' |0 S7 G
day4_22-HTML5-3d旋转
1 @$ e7 z4 p. U2 X& A" Vday5_01-HTML5-立方体(上)
; _, h; G& [* W6 Mday5_02-HTML5-立方体(下)! x; a; r$ r: P; D. ?, Z/ c; K$ Z
day5_03-HTML5-3d变换(景深透视)
1 U5 a( u8 x7 U) ]day5_04-HTML5-动画(创建动画)
+ d( _7 F' ~( \7 e7 e! a* t3 eday5_05-HTML5-动画的属性设置
) i+ l7 v1 Y+ l' e. ~day5_06-HMLT5-动画案例-无缝滚动
/ M8 }; s6 x' }6 D+ \day5_07-HTML5-时钟案例-结构分析/ N4 {- C7 E6 `0 o
day5_08-HTML5-时钟案例-钟表结构代码实现2 F3 u2 W: G4 f, |! K
day5_09-HTML5-时钟案例-时钟案例动画添加
& g" b! D/ U/ eday5_10-HTML5-web字体
% ^+ N3 w& t: O' I9 P, Oday5_11-HTML5-字体图标' H, b. v i% A" n/ `% W- N) B4 z, P
day5_12-HTML5-多列布局
/ l$ ~( c# L/ C; d0 Dday5_13-HTML5-传统布局方式的局限
! z( j2 r8 X! u5 A: `) f5 P# B# U% sday5_14-HTML5-伸缩盒子的属性-justify-content0 c: l1 w" A) T% j
day5_15-HTML5-伸缩盒子的属性-flex-flow1 T( F# u# V0 L7 ~
day5_16-HTML5-伸缩盒子的属性-flex-grow6 T2 E3 b0 z$ X
day5_17-HTML5-伸缩盒子的属性-flex-shink/ D( k) O( x% y: L
day5_18-HTML5-伸缩盒子的属性-flex
2 U% R. ?$ |7 D' ?% H( aday5_19-HTML5-伸缩盒子的flex属性的应用案例5 b1 p( l6 g+ T) ]0 C5 } z
day5_20-HTML5-伸缩盒子的align-items属性
$ P+ C) B/ `7 |1 Y4 eday5_21-HTML5-伸缩盒子案例-宽高自动适应( k% E* \9 s: I6 @8 I6 {
day6_01-HTML5-今天任务说明
+ p1 t- w. I8 ^day6_02-HTML5-携程网页面结构分析
' o3 J7 D' Q3 x4 G! H v' tday6_03-HTML5-携程网页面结构代码实现, e, [7 s; ?2 ]& V
day6_04-HTML5-携程网页面样式添加(上) _5 G# Q1 P& d
day6_05-HTML5-携程网页面样式添加(下)
! R. X9 m, Y6 P* S, a8 |0 Xday6_06-HTML5-切割轮播图结构分析
2 P/ |; B- D2 Rday6_07-HTML5-切割轮播图结构样式实现(上). Q3 D& l% V% M! w; s; P5 l y
day6_08-HTML5-切割轮播图结构样式实现(下)
b. \; W( [* {2 p/ k _day6_09-HTML5-切割轮播图功能实现
9 C V: T' V3 x; h/ X( }; D0 Iday6_10-HTML5-360案例-全屏插件的简单介绍
" d+ m F! O( @$ H7 b7 uday6_11-HTML5-360案例-过渡和动画效果执行的时机
" Q0 N: z# C' X* ]+ V/ k. Wday6_12-HTML5-360案例-第一屏内容的添加7 C7 z3 B. E$ w M, N2 @
day6_13-HTML5-360案例-第一屏过渡效果的添加
) Y6 m$ q0 H- y; hday6_14-HTML5-360案例-第二屏制作: `$ {! e ]+ O# o! h
day6_15-HTML5-360案例-第三屏制作
! t- u; e' F+ hday6_16-HTML5-360案例-第四屏制作(上)& k! b, f4 z* s' i
day6_17-HTML5-360案例-第四屏制作(下)- `9 x- `: d% D4 `5 D
|
6 E' ^+ _+ x& u3 Z
|
|
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
