登录网站，浏览更多精彩内容
您需要 登录 才可以下载或查看，没有账号？加入我们
×
视频目录：! B; y8 g B2 }* j6 L" N2 Y
day1_01-HTML5CSS3-阶段任务说明
( W2 ^1 J' d# S0 Q: H. \/ `day1_02-HTML5-什么是HTML5
, B m5 Q6 r! K sday1_03-HTML5-语义化标签的使用
) I, S6 k& D: ~- m* c' iday1_04-HTML5-语义化标签的兼容性处理
9 E+ X# F: [$ |9 j" {2 nday1_05-HTML5-表单新增的type属性
1 n% o9 P4 S1 n# P2 Y& N [7 aday1_06-HTML5-表单新增的其它属性
$ B% v. r: L) F! R0 Rday1_07-HTML5-表单新增元素(datalist)
, q- u j- [! p: x% C/ `0 V( hday1_08-HTML5-表单新增元素(keygen+output)7 R0 X+ V r+ x' x0 V- Z
day1_09-HTML5-新增的表单事件
* F I# q Q/ x: R( {, zday1_10-HTML5-进度条
" O3 J" b" P) f. p0 Gday1_11-HTML5-表单总结案例7 `) _# i5 m2 M* M
day1_12-HTML5-音频和视频
1 H5 I5 ~$ Z4 ?& M# ^day1_12-HTML5-音频和视频标签的使用% @" J, ]. [, P; d8 W4 D
day1_13-HTML5-获取dom元素
& `' g Q+ i Iday1_14-HTML5-操作元素类样式
! Z5 G2 m* b @: U' H. nday1_15-HTML5-自定义属性
9 R8 ]! |+ k7 q6 g h1 z+ w; zday2_01-HTML5-网络监听接口
$ d+ ]$ `' I' |day2_02-HTML5-全屏接口的使用
- V, F7 X) v1 {day2_03-HTML5-FileReader的使用
" \; s" ?0 y' @$ t( `0 ]' |3 {8 r& Lday2_04-HTML5-拖拽接口使用(上)& a7 F2 B9 g1 [
day2_05-HTML5-拖拽接口使用(下)- v$ r' z& e/ n% m G9 [& N+ q
day2_05-HTML5-拖拽接口使用(中)
; ^, u! c. x2 {" [+ z" bday2_06-HTML5-地理定位接口(上)
6 W* `5 C0 E! `" Y1 p7 Kday2_07-HTML5-地理定位接口(下)
* M/ u9 o+ [# T8 G( d0 D& Nday2_08-HTML5-web存储_sessionStorage
& C7 x' X- F1 \/ dday2_09-HTML5-web存储_localStorage
6 c, A( M# D; ~4 y6 U% M$ {3 Cday2_10-HTML5-应用程序缓存
w" S6 U5 _6 `9 ~3 X* ^# X6 z6 Dday2_11-HTML5-自定义播放器(接口说明与界面说明)- T6 n8 Q$ \ w: M b
day2_12-HTML5-自定义播放器(播放与暂停)
; J7 u/ D* n6 p$ O% kday2_13-HTML5-自定义播放器(播放过程业务逻辑处理); g' j3 Y+ W7 a0 E8 ?( t
day2_14-HTML5-自定义播放器(跳播和播放结束业务处理)
& p- s& a/ ?4 }day3_02-HTML5-属性选择器
* t! h! b/ Y8 o/ [5 i; ?" {+ v' o' [day3_03-HTML5-兄弟伪类
; J' i! f5 o! S7 z( }day3_04-HTML5-相对于父元素的结构伪类& j1 K; j; G3 N+ ` ^+ n" s
day3_05-HTML5-伪类样式target& f" {6 K3 j' S/ `! k6 M
day3_06-HTML5-伪元素(before after)7 g4 y- _8 \- V: Z. Q' ?) A
day3_07-HTML5-其它伪元素的使用2 Q: X [! K& I. G( s; R @0 S
day3_08-HTML5-颜色模式之RGB% }) r2 u& v m7 R
day3_09-HTML5-颜色模式之HSL
4 [: |% p* k9 ^, A7 b* Hday3_10-HTML5-HTML5中两种颜色设置的方式
3 Z. s9 v, ^" sday3_11-HTML5-文件阴影: v$ V" C9 o2 a( N* E
day3_12-HTML5-盒模型8 H% f- ?/ O5 W! P3 q! {( A: ]
day3_13-HTML5-边框圆角
$ z7 \8 r1 J6 f+ r* T( r1 E- W2 H7 Sday3_14-HTML5-案例-andorid机器人
* q) G- O+ h* i2 W9 Lday3_3-01-HTML5-CSS3简介8 {+ }& F& e/ J; }. b- u
day3_3-15-HTML5-边框阴影- o; W; E. ^9 v9 ]# I; ?8 F
day4_01-HTML5-线性渐变
! H9 T2 @( S* S$ F0 G# L: Fday4_02-HTML5-径向渐变
1 P4 ?* |5 `& oday4_03-HTML5-重复渐变9 @: o- g2 E# ^+ e) J
day4_04-HTML5-background(上)
' ]: f+ D6 d ~# P& r! C0 ]day4_05-HTML5-background(中)! w2 G" m7 i9 g7 k& n, W
day4_06-HTML5-background(backgroundSize案例)
1 u, Q2 p' B( yday4_07-HTML5-background(下)4 k' e7 M6 w& `5 A
day4_08-HTML5-边框图片(上). i: a* S+ Z, B) D
day4_09-HTML5-边框图片(中)/ q6 h9 A2 X5 @
day4_10-HTML5-边框图片(案例)
. D" H) F9 X. ^, r1 {day4_11-HTML5-过渡
/ N: b A. t; l* {8 kday4_12-HTML5-过渡案例-手风琴菜单
6 h+ C: R2 e0 @/ k' D- u; Q( sday4_13-HTML5-transform2D转换(translate)
' _& f3 P; _# V- M9 Z: \day4_14-HTML5-transform2D转换(scale)
; H4 i/ _ A. wday4_15-HTML5-transform2D转换(rotate)4 f0 r* N3 @- y# m, R
day4_16-HTML5-transform2D转换(skew)
) [% t+ }! Z& Y- P! y, qday4_17-HTML5-transform-origin9 b4 T' a: x4 `+ n9 @/ P
day4_18-HTML5-同时添加多个transform属性值
# y' R' k5 O- O" _day4_19-HTML5-实现任意元素居中
: H* m: R$ U( \$ K& O$ D7 d9 _day4_20-HTML5-3d移动* \7 {; U1 L' E6 _& s9 `2 C
day4_21-HTML5-3d缩放9 a t2 X s9 z6 B/ o; [/ I/ p
day4_22-HTML5-3d旋转
; }5 x4 b/ |; f) B+ Z b' i( Rday5_01-HTML5-立方体(上)
, [: G1 F. V+ n. i3 c' lday5_02-HTML5-立方体(下)
. m) B# s/ U4 B) h! P5 sday5_03-HTML5-3d变换(景深透视)
4 a( o5 T; g$ @2 f0 Z/ Yday5_04-HTML5-动画(创建动画)# T$ u5 z" ]! g! O Y
day5_05-HTML5-动画的属性设置1 C, V- O4 z& d [$ b
day5_06-HMLT5-动画案例-无缝滚动
( a& E5 U, C% o) A( [5 G% I7 |8 cday5_07-HTML5-时钟案例-结构分析
" F5 F: a" X( e7 X- o7 |day5_08-HTML5-时钟案例-钟表结构代码实现
6 m; B8 N `8 `0 ?+ zday5_09-HTML5-时钟案例-时钟案例动画添加4 ^4 T/ d# R4 }
day5_10-HTML5-web字体5 u6 J$ k" f0 A1 {* v% R
day5_11-HTML5-字体图标( p, ^" s, Q# m
day5_12-HTML5-多列布局
% h- p' c- K% E& H8 e7 [day5_13-HTML5-传统布局方式的局限6 H" V1 @6 t; \0 S- W" R$ h
day5_14-HTML5-伸缩盒子的属性-justify-content
8 m% A5 R7 I; s6 cday5_15-HTML5-伸缩盒子的属性-flex-flow- f, Y/ M# n' x" [
day5_16-HTML5-伸缩盒子的属性-flex-grow' U( R- h" U+ }, t' b# E( N! v
day5_17-HTML5-伸缩盒子的属性-flex-shink
! w) c- B5 Q% _: \$ W% c4 B/ h$ R+ Pday5_18-HTML5-伸缩盒子的属性-flex& w. q4 R/ C# v, ?! B3 r( s
day5_19-HTML5-伸缩盒子的flex属性的应用案例
: J$ ~4 x# |, G# h8 Q, [day5_20-HTML5-伸缩盒子的align-items属性
2 n% H1 ]( N6 Jday5_21-HTML5-伸缩盒子案例-宽高自动适应$ n/ f& O, ^# |" S4 p: m& B5 N/ I
day6_01-HTML5-今天任务说明
8 t! K8 h' e8 l) p/ ^8 Eday6_02-HTML5-携程网页面结构分析
3 E* n0 h- {6 V1 }+ H" s0 E9 Hday6_03-HTML5-携程网页面结构代码实现
7 p. j, U2 k" m! V# E" e- g2 \day6_04-HTML5-携程网页面样式添加(上)
2 h7 C Q: v4 o: k0 ^day6_05-HTML5-携程网页面样式添加(下)
% _& \: c$ U j$ ]day6_06-HTML5-切割轮播图结构分析
3 @* M- q( I Y$ a7 a- ^' x" hday6_07-HTML5-切割轮播图结构样式实现(上): B) T( }; N: x2 |- [
day6_08-HTML5-切割轮播图结构样式实现(下)* M* A. r8 d( e$ e# X
day6_09-HTML5-切割轮播图功能实现 A6 r8 Z/ s& |8 {. \
day6_10-HTML5-360案例-全屏插件的简单介绍! Q; j) }" C7 z4 c$ ~
day6_11-HTML5-360案例-过渡和动画效果执行的时机
) u& S# Y# }9 eday6_12-HTML5-360案例-第一屏内容的添加
+ ]) B4 Y3 L3 p: o, X, vday6_13-HTML5-360案例-第一屏过渡效果的添加* @8 p' N3 O7 I$ m1 @0 s" [ r
day6_14-HTML5-360案例-第二屏制作
% J5 P+ f/ @' u. ]/ m. Jday6_15-HTML5-360案例-第三屏制作1 l7 x% f' u" b4 t! s
day6_16-HTML5-360案例-第四屏制作(上): U! W% ]* q2 n. F
day6_17-HTML5-360案例-第四屏制作(下)
3 w, e5 \( ~0 M
% h+ i* T. ^1 D8 [! m3 I% q* |1 T |
|
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
