登录网站,浏览更多精彩内容
您需要 登录 才可以下载或查看,没有账号?加入我们
×
视频目录:
: d* o5 k& L2 A/ xday1_01-HTML5CSS3-阶段任务说明9 R4 e) K' k( A2 t2 k& k
day1_02-HTML5-什么是HTML5
+ e: E& Q* b8 s7 h9 L* nday1_03-HTML5-语义化标签的使用
* m2 B# A9 }$ o, wday1_04-HTML5-语义化标签的兼容性处理: G& |; Z7 E/ {, g! f
day1_05-HTML5-表单新增的type属性
9 G. g. l/ X) H' n, H2 wday1_06-HTML5-表单新增的其它属性) U {' M- Z# c* J8 D0 A0 ~! ?
day1_07-HTML5-表单新增元素(datalist)" [/ b3 P9 ^' F
day1_08-HTML5-表单新增元素(keygen+output)
+ J# d2 j8 ^8 h0 p4 sday1_09-HTML5-新增的表单事件
$ O7 q! J3 y$ V4 s! `- cday1_10-HTML5-进度条
! j$ S# }3 P1 K/ l; b- Vday1_11-HTML5-表单总结案例
* Z# f' e& g! F8 rday1_12-HTML5-音频和视频& F a' |! R, d" `! z- F
day1_12-HTML5-音频和视频标签的使用
1 i& U7 q! D( T- w/ p2 vday1_13-HTML5-获取dom元素2 u& u: I. O' Y- Q& _
day1_14-HTML5-操作元素类样式8 f K: C$ _$ C$ L" P) A& F$ N
day1_15-HTML5-自定义属性/ j. f' ?) {$ _' s6 D
day2_01-HTML5-网络监听接口
' b C- I% z8 r: Tday2_02-HTML5-全屏接口的使用2 a, w* q8 g9 r, {9 z
day2_03-HTML5-FileReader的使用8 S0 |" |" W8 x' E: `$ U
day2_04-HTML5-拖拽接口使用(上)
# C: N+ E! |; S: O4 G* T* tday2_05-HTML5-拖拽接口使用(下)
2 s+ Y9 {4 H, w. v6 {) eday2_05-HTML5-拖拽接口使用(中)
% r) c9 Q7 f# D% V& I/ m) A6 j5 jday2_06-HTML5-地理定位接口(上)* ?/ _6 ?6 ~7 S0 u6 _) j
day2_07-HTML5-地理定位接口(下). t% Q( `# Z( T
day2_08-HTML5-web存储_sessionStorage" c# @; e, G* J* e* V( p
day2_09-HTML5-web存储_localStorage9 y0 Q& l- D6 d' J
day2_10-HTML5-应用程序缓存' K1 j& f h# V4 u
day2_11-HTML5-自定义播放器(接口说明与界面说明)
! g U x a& T( X$ p4 pday2_12-HTML5-自定义播放器(播放与暂停)0 O" K0 U' A4 S/ E" ]
day2_13-HTML5-自定义播放器(播放过程业务逻辑处理)2 p+ p, h2 N( e9 S; Q
day2_14-HTML5-自定义播放器(跳播和播放结束业务处理)1 v' @; N5 y, J9 m
day3_02-HTML5-属性选择器
/ z+ ?' u' y2 k4 o9 _' m/ Hday3_03-HTML5-兄弟伪类
) A( F1 f# e8 l/ V: _3 f* A6 O6 ~# v# Pday3_04-HTML5-相对于父元素的结构伪类9 ?9 W* C4 z$ X% _
day3_05-HTML5-伪类样式target d: f/ C3 T2 _# E" K# F
day3_06-HTML5-伪元素(before after)/ }# X+ g9 L( X
day3_07-HTML5-其它伪元素的使用
( z# A( E; O7 `6 W8 L. jday3_08-HTML5-颜色模式之RGB4 B+ N( ]1 x2 a, l' @ G7 D1 i
day3_09-HTML5-颜色模式之HSL
) p" O- o* }! L) \day3_10-HTML5-HTML5中两种颜色设置的方式; Y, t! M- z, w5 H& ^
day3_11-HTML5-文件阴影+ B! s* n z. x
day3_12-HTML5-盒模型5 _' ~9 I( _( h1 W3 S4 Q: b- n
day3_13-HTML5-边框圆角/ \# w9 F Y7 F/ P9 i2 A; D4 b4 n
day3_14-HTML5-案例-andorid机器人
% t/ U' W) t$ F* R; Kday3_3-01-HTML5-CSS3简介+ U( e& l" M+ l. M! @% G7 h# t$ V2 n
day3_3-15-HTML5-边框阴影# Q: j% E. r0 m( ]
day4_01-HTML5-线性渐变
* ?0 e1 k3 a. f% sday4_02-HTML5-径向渐变/ t7 [. i& ?& G3 U& z
day4_03-HTML5-重复渐变
V# O" Y. c2 g4 \: s' yday4_04-HTML5-background(上)- X# d. r" v; L O+ W# N' r6 n9 `" M* ?3 s* ]
day4_05-HTML5-background(中)+ U( F1 L- ?4 A; w& @
day4_06-HTML5-background(backgroundSize案例); o" |& g$ N6 {+ _8 R( q' ^) D
day4_07-HTML5-background(下)& ~! b# k1 Y- p
day4_08-HTML5-边框图片(上), T4 \2 R0 U4 K2 l. O( ^( P9 l8 K! W- E. z
day4_09-HTML5-边框图片(中)5 i' Y( \+ t& W
day4_10-HTML5-边框图片(案例)4 o8 t/ I6 s b& e
day4_11-HTML5-过渡
9 b9 M! y( X5 K0 w6 [7 F6 C! Cday4_12-HTML5-过渡案例-手风琴菜单/ E2 p+ R1 j9 `7 g1 _% K
day4_13-HTML5-transform2D转换(translate)* _' {4 h/ a7 [
day4_14-HTML5-transform2D转换(scale)
& I! J$ V! J8 U+ W0 c1 f1 Lday4_15-HTML5-transform2D转换(rotate)
7 I- e, H+ B) w) J: jday4_16-HTML5-transform2D转换(skew)
9 v- R- I: t% y8 [$ D3 Tday4_17-HTML5-transform-origin
5 l9 D" Q$ y% C$ y& l2 q# ]day4_18-HTML5-同时添加多个transform属性值
! v9 O Q: [# h! l( Nday4_19-HTML5-实现任意元素居中
; b" a: U8 P6 }' v- U. ~8 ]day4_20-HTML5-3d移动4 |) s# o2 s7 Q
day4_21-HTML5-3d缩放
4 a; n2 p0 ~9 N" l# P) iday4_22-HTML5-3d旋转
9 O0 z" W& b6 }4 |3 }1 M- t4 jday5_01-HTML5-立方体(上)
3 V* n& I: ], iday5_02-HTML5-立方体(下), o5 D) I3 I/ c6 O
day5_03-HTML5-3d变换(景深透视)$ Q$ G( a* n" q4 E
day5_04-HTML5-动画(创建动画)
) b7 y k1 r; M1 C, R$ i) H$ Pday5_05-HTML5-动画的属性设置
" J3 z( S0 B8 g6 P6 M Eday5_06-HMLT5-动画案例-无缝滚动
: e7 b0 t7 n6 s! Y# Yday5_07-HTML5-时钟案例-结构分析: X+ @3 G: }" [: C6 R9 r
day5_08-HTML5-时钟案例-钟表结构代码实现; `* q" s$ i) Y h7 L4 p) j
day5_09-HTML5-时钟案例-时钟案例动画添加0 }7 ^2 q9 r: h
day5_10-HTML5-web字体 t2 u- T/ L/ g0 R' l# ?
day5_11-HTML5-字体图标/ u6 u+ p# D+ W% f; t! h4 y" W
day5_12-HTML5-多列布局
4 q7 E/ _% h+ G; L2 U) H' _0 Kday5_13-HTML5-传统布局方式的局限2 Z/ _- M: U; `/ f- J& K0 J' z5 V
day5_14-HTML5-伸缩盒子的属性-justify-content
9 G5 H3 D" M# c. Q, {* k+ o. E [day5_15-HTML5-伸缩盒子的属性-flex-flow
T# W7 p$ a5 ^- [0 G4 s, pday5_16-HTML5-伸缩盒子的属性-flex-grow
5 z* |) v' }- E2 Z8 _: b6 H/ V0 Fday5_17-HTML5-伸缩盒子的属性-flex-shink/ y/ w0 q: }. J2 W6 ^1 L: l
day5_18-HTML5-伸缩盒子的属性-flex3 V. z, q) ^, i* k* w) g
day5_19-HTML5-伸缩盒子的flex属性的应用案例
- O. C- r5 [5 O% ?& jday5_20-HTML5-伸缩盒子的align-items属性
. c& P1 p. M. l) I Rday5_21-HTML5-伸缩盒子案例-宽高自动适应
- s# N' \( b' T7 @7 iday6_01-HTML5-今天任务说明
! G& G5 E5 \3 yday6_02-HTML5-携程网页面结构分析
: j* O, ]- t5 G7 t8 z: ]6 i" [0 N1 qday6_03-HTML5-携程网页面结构代码实现
1 q+ H0 y5 D, W) m9 Zday6_04-HTML5-携程网页面样式添加(上)
8 l* W! s! D# J9 N# C9 f' B% Q* Sday6_05-HTML5-携程网页面样式添加(下)
4 z. U" t' x% N8 m: n$ ?# Bday6_06-HTML5-切割轮播图结构分析; G; |8 l3 ^# c: J2 u
day6_07-HTML5-切割轮播图结构样式实现(上)! z0 @$ j7 E/ V% z' d, m- m
day6_08-HTML5-切割轮播图结构样式实现(下)
9 R: ]0 M5 t; y6 M! xday6_09-HTML5-切割轮播图功能实现
5 a/ ]8 I- M Q7 ?) D0 c3 Lday6_10-HTML5-360案例-全屏插件的简单介绍4 q3 K# |3 K% ]
day6_11-HTML5-360案例-过渡和动画效果执行的时机
& g' G( c9 K( E0 K8 Vday6_12-HTML5-360案例-第一屏内容的添加7 {+ b7 W. ~+ w; ]( G$ C
day6_13-HTML5-360案例-第一屏过渡效果的添加
5 M3 D* n1 @4 n& }# u6 l. p) Iday6_14-HTML5-360案例-第二屏制作9 ^- G( H8 C* G) h* ~6 V# W6 I
day6_15-HTML5-360案例-第三屏制作8 L) p, Q6 w- ?) ]4 Q7 ]
day6_16-HTML5-360案例-第四屏制作(上)7 G& {7 Q4 o2 s/ C7 E
day6_17-HTML5-360案例-第四屏制作(下)
$ h+ X0 M5 T% C8 T
3 ?( g+ B' o. `, o4 T |
|