% z6 z* f+ G3 j% m. g( M ?: `0 v: R- m3 J, `
视频目录：$ P; Q, }: C4 w( R# @; ]
day1_01-HTML5CSS3-阶段任务说明/ B7 S) R# J1 a1 p j: L+ n, L2 O5 l0 u
day1_02-HTML5-什么是HTML5; h$ h( {, B# h9 {# S3 v- l# a+ |
day1_03-HTML5-语义化标签的使用 L" v, P- q$ c* }1 k! p6 ^
day1_04-HTML5-语义化标签的兼容性处理) a* d* F6 S8 t6 r6 G! f4 i
day1_05-HTML5-表单新增的type属性
. Y8 v; M. P( o& b( o) Y, lday1_06-HTML5-表单新增的其它属性 q3 S5 N6 n* J+ u7 X6 S
day1_07-HTML5-表单新增元素(datalist)4 t% F o6 `( _& F' R8 e0 j
day1_08-HTML5-表单新增元素(keygen+output)' u* {- V% f8 E' D+ @8 ]$ N
day1_09-HTML5-新增的表单事件; ^6 p/ p6 \9 ?6 O: v& r9 j
day1_10-HTML5-进度条
* c6 X3 q0 a U( A/ r' eday1_11-HTML5-表单总结案例
0 }3 Y/ b# q2 {5 k* Qday1_12-HTML5-音频和视频
5 |& r9 K5 ~+ M4 oday1_12-HTML5-音频和视频标签的使用
; N9 }# Z# V# x% d9 f/ o9 j6 iday1_13-HTML5-获取dom元素. u/ v2 B$ M0 S& L% Q0 C1 s
day1_14-HTML5-操作元素类样式
, o" Y; Q/ S6 _" z/ yday1_15-HTML5-自定义属性
) d% l" N' V( Aday2_01-HTML5-网络监听接口
! u5 |/ l& _9 K" sday2_02-HTML5-全屏接口的使用$ |1 W& ]2 x; A( E% ~5 G9 Q+ j
day2_03-HTML5-FileReader的使用0 W9 I( G2 z' ?! s- A& f
day2_04-HTML5-拖拽接口使用(上)
0 \9 `% x+ x0 v, x4 h( Pday2_05-HTML5-拖拽接口使用(下)
2 z8 [2 y$ i) T- m; T5 a8 W7 @! t; lday2_05-HTML5-拖拽接口使用(中)9 r8 H. |+ e. w9 R' N# q: c8 E. j
day2_06-HTML5-地理定位接口(上)/ E \, K+ H2 {. R& a" m+ H
day2_07-HTML5-地理定位接口(下) N8 n% P5 N( z( t
day2_08-HTML5-web存储_sessionStorage
5 `' r+ T. j, o% ]& B" C/ m9 hday2_09-HTML5-web存储_localStorage4 o% G, f( ^8 X8 c
day2_10-HTML5-应用程序缓存/ D* ?- Q1 d% B) b. x' _
day2_11-HTML5-自定义播放器(接口说明与界面说明)
& d0 E6 ~4 m7 ^* Oday2_12-HTML5-自定义播放器(播放与暂停)
! g' d2 D3 I( @2 T2 f! }2 A) T+ _0 | Nday2_13-HTML5-自定义播放器(播放过程业务逻辑处理)5 N/ [0 _% Z. w! q. a
day2_14-HTML5-自定义播放器(跳播和播放结束业务处理)
6 z* ?/ A) O$ iday3_02-HTML5-属性选择器) }& g) |/ A, Z2 [1 V
day3_03-HTML5-兄弟伪类4 E0 Z$ p5 u/ d$ T! p4 v9 S
day3_04-HTML5-相对于父元素的结构伪类
; }; P4 p& w N: V/ nday3_05-HTML5-伪类样式target$ ~4 w! J5 `6 O. m0 I' f& i
day3_06-HTML5-伪元素(before after)
2 Z. V' ^, L$ F. s% Tday3_07-HTML5-其它伪元素的使用
2 C2 l/ f) S: y3 u/ H$ T- gday3_08-HTML5-颜色模式之RGB
. u, _+ d. ?% J' rday3_09-HTML5-颜色模式之HSL
+ J& l8 J& `( I4 I5 f/ Kday3_10-HTML5-HTML5中两种颜色设置的方式
" z( [) O/ G& y Pday3_11-HTML5-文件阴影
9 `4 [; {$ {9 bday3_12-HTML5-盒模型: K5 V1 m0 ]) G" I9 F3 z
day3_13-HTML5-边框圆角$ Y5 a$ q, N, l- n/ E
day3_14-HTML5-案例-andorid机器人
5 C7 @; G! L% l: Q: n. C3 h3 j( I, nday3_3-01-HTML5-CSS3简介
+ E r. v7 D7 p; nday3_3-15-HTML5-边框阴影' h: L# \* {4 v! ~- o' P" L" \4 ]
day4_01-HTML5-线性渐变9 |& B0 e2 z; P5 z
day4_02-HTML5-径向渐变
, |* `, ] V. k' O6 uday4_03-HTML5-重复渐变! \! I2 f! [. N0 R$ ]. ^
day4_04-HTML5-background(上)1 q6 X. w e; _3 f$ {: g
day4_05-HTML5-background(中)' G2 X' ~: f4 ]- Y' m' r9 v
day4_06-HTML5-background(backgroundSize案例)
' Z/ Q: D. @; I& B- q; Pday4_07-HTML5-background(下)
5 i) z2 G/ h9 H3 C* S$ [day4_08-HTML5-边框图片(上)0 f& l% P6 J6 p9 w
day4_09-HTML5-边框图片(中)
1 k2 b# r4 E$ Q: W( G/ b) |9 hday4_10-HTML5-边框图片(案例)
2 [( C% T$ T* o3 Hday4_11-HTML5-过渡( l0 m5 l C+ A2 X
day4_12-HTML5-过渡案例-手风琴菜单
' }6 }- Y% U( L! A2 }, g( ^day4_13-HTML5-transform2D转换(translate)- m" l, m4 Q$ P% [/ j5 q- w
day4_14-HTML5-transform2D转换(scale)5 w; d5 r: N- P* y
day4_15-HTML5-transform2D转换(rotate)
' v. }* |* A' X4 [( w1 x Tday4_16-HTML5-transform2D转换(skew)# {& Y7 Q* c/ E! k9 e& I
day4_17-HTML5-transform-origin
0 U5 @3 h- r1 ?, ?3 c; R" F" Cday4_18-HTML5-同时添加多个transform属性值# R$ N# L; q% o; I
day4_19-HTML5-实现任意元素居中
9 J$ M$ j( o9 k, ?. Nday4_20-HTML5-3d移动9 {9 R# R& Y0 h
day4_21-HTML5-3d缩放
# Q" T& Q, M a8 yday4_22-HTML5-3d旋转
% k) h0 v7 [. g# G. f4 Y2 Qday5_01-HTML5-立方体(上)
5 G; x6 L/ H+ `2 p. g) Fday5_02-HTML5-立方体(下)* `/ ~" K$ l4 ~) C4 a' R- Z
day5_03-HTML5-3d变换(景深透视)
F9 V. w. T k) D3 a8 c+ cday5_04-HTML5-动画(创建动画)
" z# k* K: \# @; P$ Q1 \day5_05-HTML5-动画的属性设置
" B) n L& ^$ E" dday5_06-HMLT5-动画案例-无缝滚动
2 @- }3 l h$ Pday5_07-HTML5-时钟案例-结构分析' C2 f: v9 A: X: j) x; q
day5_08-HTML5-时钟案例-钟表结构代码实现, N0 H4 i# r) e9 V3 q' Y$ c
day5_09-HTML5-时钟案例-时钟案例动画添加
3 o3 K! K5 X% X. } L1 T" `day5_10-HTML5-web字体
) m% h, M+ j: @& N$ Yday5_11-HTML5-字体图标
7 g# _* s- |/ \, v# K5 F! {* Xday5_12-HTML5-多列布局
, f8 P4 p5 r0 j8 [% ]: J0 y# o* H5 m; [day5_13-HTML5-传统布局方式的局限
- F( y% _8 ^6 P$ zday5_14-HTML5-伸缩盒子的属性-justify-content& `" R8 Y! H4 b: ~3 h2 ~
day5_15-HTML5-伸缩盒子的属性-flex-flow
, c2 ~+ @' F2 D+ i* h, |! |day5_16-HTML5-伸缩盒子的属性-flex-grow
1 v; ~, i2 ^1 w( A7 p4 w5 oday5_17-HTML5-伸缩盒子的属性-flex-shink
! i1 {& l/ ]0 Y, y1 u6 iday5_18-HTML5-伸缩盒子的属性-flex
5 X( l- S. T, Xday5_19-HTML5-伸缩盒子的flex属性的应用案例6 s* D& z) e3 C( M/ L! o. t
day5_20-HTML5-伸缩盒子的align-items属性1 W/ ^: r, e. |
day5_21-HTML5-伸缩盒子案例-宽高自动适应
( {, ^6 i+ R$ w) dday6_01-HTML5-今天任务说明/ s% o2 `3 t7 [$ G5 H( G0 a
day6_02-HTML5-携程网页面结构分析. s4 z4 @! ^4 [) o' [! k
day6_03-HTML5-携程网页面结构代码实现
! _- E6 g+ t8 h$ ?' eday6_04-HTML5-携程网页面样式添加(上)0 M7 I* u; F( W/ E; N8 Z: ~! m
day6_05-HTML5-携程网页面样式添加(下)7 z$ @$ d3 k/ H" X: v7 C
day6_06-HTML5-切割轮播图结构分析
$ I: {/ k5 ^. I4 f# Kday6_07-HTML5-切割轮播图结构样式实现(上)( X* r2 S2 p- C1 J5 j5 M6 A4 ^
day6_08-HTML5-切割轮播图结构样式实现(下)" Y: ?9 s9 y) G5 q1 }5 f
day6_09-HTML5-切割轮播图功能实现
8 L% a. @$ Z) O4 Qday6_10-HTML5-360案例-全屏插件的简单介绍
! y9 C6 A& e8 {( N" q- L8 M* Wday6_11-HTML5-360案例-过渡和动画效果执行的时机
( i% R9 Z; L( f. s; L# Rday6_12-HTML5-360案例-第一屏内容的添加
& s! U- {3 G5 g' [% fday6_13-HTML5-360案例-第一屏过渡效果的添加8 m+ ^# ~4 y- J
day6_14-HTML5-360案例-第二屏制作
, S7 d. l* c/ R2 g+ rday6_15-HTML5-360案例-第三屏制作
0 j8 ]& \2 ~; ~3 C3 y( M! u+ O) @day6_16-HTML5-360案例-第四屏制作(上)
3 [; o7 Y2 @/ W1 Z, cday6_17-HTML5-360案例-第四屏制作(下)9 p6 Y7 z. I+ C) ?, c
|
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡