登录网站，浏览更多精彩内容
您需要 登录 才可以下载或查看，没有账号？加入我们
×
视频目录：, Q# _( E" C8 K4 X! h
day1_01-HTML5CSS3-阶段任务说明
$ a7 B$ {. U% c# R7 L2 }day1_02-HTML5-什么是HTML5
# A3 E$ B& m; I& w$ [8 q4 Y4 tday1_03-HTML5-语义化标签的使用
$ ]* U, f( T/ O! ~$ x9 V' Wday1_04-HTML5-语义化标签的兼容性处理
' M4 M. v; d% D+ z2 x7 Qday1_05-HTML5-表单新增的type属性1 y( Z, g( g+ U% V ~& C
day1_06-HTML5-表单新增的其它属性$ Q- G! F0 x- i! N" Q
day1_07-HTML5-表单新增元素(datalist)7 T9 c6 o, J. k: g# E) O; U8 S
day1_08-HTML5-表单新增元素(keygen+output)1 S9 E6 a. A. Y; K8 d
day1_09-HTML5-新增的表单事件3 F' B( i! y7 J4 ]" N/ c }
day1_10-HTML5-进度条
; q; W$ R: |4 Z: ?day1_11-HTML5-表单总结案例
1 k G( K, R' u Z0 P* L0 y% T# ?day1_12-HTML5-音频和视频
- F: |6 m R% g5 xday1_12-HTML5-音频和视频标签的使用
8 h' m; _6 k% X' {( {. Xday1_13-HTML5-获取dom元素
$ L2 ]7 A6 u- m+ M8 [, e$ rday1_14-HTML5-操作元素类样式
3 }$ A- k0 z" o+ B& t3 m4 gday1_15-HTML5-自定义属性& j# e( l/ `1 K5 ?0 F4 N
day2_01-HTML5-网络监听接口
1 P1 C% Y3 G! V# f' O$ sday2_02-HTML5-全屏接口的使用' w2 F7 L3 Z# X1 h* w! O5 Z
day2_03-HTML5-FileReader的使用
2 u/ ^3 G1 j5 F' O% Hday2_04-HTML5-拖拽接口使用(上)5 L# O" n9 f5 J0 K, T
day2_05-HTML5-拖拽接口使用(下)+ V: t% P' Y2 z" b! ^& h
day2_05-HTML5-拖拽接口使用(中)
# n; u! d! ~$ L' L- {% x: sday2_06-HTML5-地理定位接口(上)
- S; Y0 A3 i, a1 |' @# tday2_07-HTML5-地理定位接口(下)
2 l* a) S% h7 _day2_08-HTML5-web存储_sessionStorage; |. L3 c, q; P: M! m, F. v
day2_09-HTML5-web存储_localStorage
9 X) P3 H3 N2 V$ b' S* V& M- mday2_10-HTML5-应用程序缓存/ [" g6 q4 B+ Q6 r' G
day2_11-HTML5-自定义播放器(接口说明与界面说明)1 h4 F/ k0 c* P# ?( k
day2_12-HTML5-自定义播放器(播放与暂停): n* ^+ u, W4 H* r. X
day2_13-HTML5-自定义播放器(播放过程业务逻辑处理)
7 ^4 P' I" {" c' _; L* s) i5 I- kday2_14-HTML5-自定义播放器(跳播和播放结束业务处理)
; {2 F# i8 d8 F' tday3_02-HTML5-属性选择器
6 R+ `" J/ Z* U2 \) D, H, cday3_03-HTML5-兄弟伪类( p! A5 `2 l4 a; y- R" V
day3_04-HTML5-相对于父元素的结构伪类4 A) J, Q. g* s- m# w
day3_05-HTML5-伪类样式target& B4 p' R4 j5 N4 p, i ^
day3_06-HTML5-伪元素(before after)
6 Y$ I$ Y8 K/ Yday3_07-HTML5-其它伪元素的使用
9 o- N9 ]6 p6 V7 p" J2 P3 tday3_08-HTML5-颜色模式之RGB
8 z6 K9 _# Z; C. r$ b* a* `, J1 b" Yday3_09-HTML5-颜色模式之HSL9 r& i$ m9 ]! i/ Y0 [
day3_10-HTML5-HTML5中两种颜色设置的方式- M4 }0 Q! A, j/ ^* Q. f2 q3 ]3 v
day3_11-HTML5-文件阴影
u0 x. B" ]% `& M% J) s" C; H7 Kday3_12-HTML5-盒模型
4 v/ v! e7 P! F, W9 iday3_13-HTML5-边框圆角9 Q( {' t/ U5 q3 }
day3_14-HTML5-案例-andorid机器人5 q' l# ?/ }1 `7 a9 [( o+ M
day3_3-01-HTML5-CSS3简介
* ?3 L) o- H, d) H( U Q" U" hday3_3-15-HTML5-边框阴影& M5 H p0 l( \6 S3 z$ F
day4_01-HTML5-线性渐变' w. ^0 [1 I- M- f4 T
day4_02-HTML5-径向渐变
) T+ {- k) Z2 C( zday4_03-HTML5-重复渐变
7 Q. [& v* n% q2 U0 |2 z! pday4_04-HTML5-background(上)
* @ N& O/ f( Iday4_05-HTML5-background(中)& R4 m f [# Q) [9 L# M
day4_06-HTML5-background(backgroundSize案例)! A) D% L7 u0 x
day4_07-HTML5-background(下)4 j1 L* J1 T! O
day4_08-HTML5-边框图片(上)
/ v3 B# i# Z' wday4_09-HTML5-边框图片(中)! v' d; O" r6 T9 M& P. Z: D' \
day4_10-HTML5-边框图片(案例)8 [4 O+ K8 \# }& A8 d4 q
day4_11-HTML5-过渡6 q' t6 W1 H1 r% l ~+ G- l
day4_12-HTML5-过渡案例-手风琴菜单
. I* K$ W8 E" ^+ S6 ^1 I: fday4_13-HTML5-transform2D转换(translate)
- {* x8 V- ^' g- B, E. |day4_14-HTML5-transform2D转换(scale)
; }- [) q1 o) h6 gday4_15-HTML5-transform2D转换(rotate); O7 e7 v. F5 E' ?# O( A( ~
day4_16-HTML5-transform2D转换(skew)
* ]" {% P/ l1 c# P6 ~) o" ?day4_17-HTML5-transform-origin! K6 L- }2 ]0 \& y8 Z
day4_18-HTML5-同时添加多个transform属性值 t8 {% f: j9 v/ P
day4_19-HTML5-实现任意元素居中
, O0 p+ c) U' E; |- Z8 Y! Kday4_20-HTML5-3d移动4 q/ X0 r, B) f8 G/ _; M5 A- S
day4_21-HTML5-3d缩放
2 s5 v. P0 z# sday4_22-HTML5-3d旋转
) G/ N# m2 X3 j3 Y9 F. N3 N% yday5_01-HTML5-立方体(上)* p- V# J+ ?6 W) U8 P e% a7 z
day5_02-HTML5-立方体(下)/ O8 f, Z' p5 n9 x& i4 A
day5_03-HTML5-3d变换(景深透视) u' Y" V0 ~* ] [3 d6 L q. r) {
day5_04-HTML5-动画(创建动画)
& m' `9 I R0 W5 C- gday5_05-HTML5-动画的属性设置) E, G) ^3 F$ t0 K+ [$ O$ X) ~
day5_06-HMLT5-动画案例-无缝滚动
1 H' I: l& l/ A% j' C; xday5_07-HTML5-时钟案例-结构分析
$ u5 l. b! Z, a/ pday5_08-HTML5-时钟案例-钟表结构代码实现
& V- Y! M6 m8 F7 uday5_09-HTML5-时钟案例-时钟案例动画添加
5 S/ r y% W$ t. W6 I& Lday5_10-HTML5-web字体
; | u* X/ o8 O: {day5_11-HTML5-字体图标 b" i! C% X& y( h9 \/ t
day5_12-HTML5-多列布局# {3 h! M( k9 q. N
day5_13-HTML5-传统布局方式的局限
e* j4 r* S. C9 Q! M. I+ yday5_14-HTML5-伸缩盒子的属性-justify-content0 w5 p: Z$ i4 g' |2 D* p4 @- Z
day5_15-HTML5-伸缩盒子的属性-flex-flow- W5 [' n! Z+ I6 X7 L" k# q
day5_16-HTML5-伸缩盒子的属性-flex-grow
& E( G! I; j& I l4 {+ V+ I" Cday5_17-HTML5-伸缩盒子的属性-flex-shink
: p8 \* `+ S1 B. J* dday5_18-HTML5-伸缩盒子的属性-flex( ?) |1 L4 E; G+ q, }+ z
day5_19-HTML5-伸缩盒子的flex属性的应用案例! A; C/ J$ j: b0 K9 p2 Z
day5_20-HTML5-伸缩盒子的align-items属性7 J8 x/ J* c; c
day5_21-HTML5-伸缩盒子案例-宽高自动适应
% {; k9 h7 i7 @8 Xday6_01-HTML5-今天任务说明8 ]4 B- t2 u7 |! E' |: _
day6_02-HTML5-携程网页面结构分析
4 v* L9 l% i' a7 C. Hday6_03-HTML5-携程网页面结构代码实现
- [1 x: t/ ?( u( `. ]& Aday6_04-HTML5-携程网页面样式添加(上)2 B8 c# g9 ]/ _; X
day6_05-HTML5-携程网页面样式添加(下)
7 ^8 y u5 Q. Hday6_06-HTML5-切割轮播图结构分析: T% X5 v( H$ z1 t+ g t$ J: c! u
day6_07-HTML5-切割轮播图结构样式实现(上)
# R. h8 J' U- O. L5 C j4 { \day6_08-HTML5-切割轮播图结构样式实现(下)
! k, ?" n8 T8 U& Zday6_09-HTML5-切割轮播图功能实现
, x. K2 R5 ^/ Y8 C* Mday6_10-HTML5-360案例-全屏插件的简单介绍6 v" \" L8 h& i! @- t* J& x
day6_11-HTML5-360案例-过渡和动画效果执行的时机
. o5 _8 I x; V0 kday6_12-HTML5-360案例-第一屏内容的添加* E4 U& i+ U1 a$ \7 v7 _
day6_13-HTML5-360案例-第一屏过渡效果的添加
4 v! y! p4 k% g% g$ `! A& xday6_14-HTML5-360案例-第二屏制作
0 f7 X2 W! C7 i* Cday6_15-HTML5-360案例-第三屏制作
* M5 X. t# s6 n# A0 i. Q# T6 s# Cday6_16-HTML5-360案例-第四屏制作(上)1 Z" R6 c( t9 l! q1 c K
day6_17-HTML5-360案例-第四屏制作(下)$ M; n& Z# T! B- |, e" y, o& l7 W8 \+ ~
; i8 e7 s8 X# v% T% ] |
|
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
