TA的每日心情 | 开心 2018-4-8 22:14 |
---|
签到天数: 1 天 [LV.1]初学乍练
普通会员
- 积分
- 5517
|
java自学网(www.javazx.com)-java论坛,java电子书推荐:《 疯狂HTML 5+CSS 3+JavaScript讲义(第2版)》
, M" z, a) X8 _java电子书推荐理由:《疯狂 HTML 5 CSS 3 JavaScript讲义(第2版)》由知名IT作家李刚老师创作 本书的中文繁体字版授权到中国台湾地区 全书面向HTML 5.1规范正式版,更新多个元素、拖放规范的相关知识,新增外挂字幕、点线模式等内容,着重介绍新增的手机端相关特性 详细介绍渐变背景支持、弹性盒布局、手机浏览器响应式布局、3D变换等CSS新增特性及重大改进
8 g# F& L# H. d% j- ^9 G, b1 n/ U' a
作者:李刚
- g" y: |: d* N. p出版社:电子工业出版社8 M2 s. |& e: ^7 h7 c/ b
出版时间:2017-05-01
/ u% S. C& |6 L/ G( E书籍价格:69.90元- U1 E$ U* Q1 K8 W
! o8 f; w* ^5 R2 M' q: d( t. b
- ]0 t! Y2 W, @% ^' Q) r
" h5 N" [) C# N8 k7 ]( ~
( d! E, I, J% N8 Z9 k7 e% |7 }java电子书目录:
K+ }8 K- G h1 l6 k R! h第1章 HTML 5简介 12 \9 B/ a4 N; c' Q H, c) b; ~
1.1 HTML历史与HTML 5 2; J0 N- U9 l# r" [0 u) x- {
1.1.1 HTML发展历史 2( @% W7 i7 j/ a. b
1.1.2 HTML 4.01和XHTML 3
; V: M, w' ^- ]; B1.1.3 HTML和XHTML的文档类型定义(DTD) 4
. k6 B6 Q" g- d) Y# i1.1.4 从XHTML到HTML 5 5
; X& q5 Y6 ^# K' g' q, {3 ?) q1 A1 @1.2 HTML 5的优势 6( w) w. W3 d! n# Q1 Q5 _3 ]! n* j
1.2.1 解决跨浏览器问题 6
# U9 H6 M- f3 k& a6 q6 l) B: \2 Z1.2.2 部分代替了原来的JavaScript 65 G6 V1 v. M8 \- C- M2 L
1.2.3 更明确的语义支持 7
- T6 a3 |) W" O" U: x7 _8 }1.2.4 增强了Web应用程序的功能 8
# G0 L# P( s, j# O1.3 HTML 5的基本结构和语法变化 86 |- C& t5 o4 \' B/ Q5 q/ Q
1.3.1 HTML 5的基本结构 80 B% w$ \( c% q$ V
1.3.2 标签不再区分大小写 9
0 `9 s8 d/ V* {/ N2 A, m& v2 c1.3.3 元素可以省略结束标签 10
; L2 T# E9 A' p& b) H: t% l1.3.4 支持boolean值的属性 11
" _! j8 V- v6 o5 c* U: \1.3.5 允许属性值不使用引号 12: s, Z: Z6 e7 Z7 F% G: n3 |% Z/ H4 I% e
1.4 本章小结 12
m6 r8 F* n7 ~. Y& @第2章 HTML 5的常用元素与属性 14
. T0 c7 o4 N% `; i: Q/ u2.1 HTML 5保留的常用元素 15
2 P/ U) c. M2 _0 I* |, C! Y2.1.1 基本元素 15( ]4 P! u' n) S, X6 z
2.1.2 文本格式相关元素 17( W* l$ w2 k5 I' u
2.1.3 语义相关元素 19
# ]0 j( |/ g* _$ S2.1.4 使用a元素添加超链接和锚点 218 x- L# V! d( E, Z9 c1 I& [, B
2.1.5 列表相关元素 24
( [ n0 X: \" X2.1.6 使用img元素添加图片 27) ~/ @2 t! \: e: D
2.1.7 表格相关元素 30/ A8 _4 j. j& Z) N
2.2 HTML 5增强的iframe元素 341 k1 ^* D1 {6 |' x" R( O
2.2.1 HTML 5新增的srcdoc属性 35
( s/ |- O+ y. w# Z2 ?2.2.2 HTML 5新增的seamless属性 36$ Y* g, s5 G8 I; Q: j
2.2.3 HTML 5新增的sandbox属性 36
: I J7 j/ c0 u H& @2.3 HTML 5保留的通用属性 40
' R0 J! t9 {3 {. x7 B2.3.1 id、style、class属性 40
4 }- ~. L/ K9 ]" I( O' n# B2.3.2 dir属性 410 Q; s, E2 X- g- H, n
2.3.3 title属性 42
8 {: i! |' F' C2.3.4 lang属性 43) T9 K3 G7 c# i7 n( ]; \3 F+ Y; ?
2.3.5 accesskey属性 430 W7 g- z/ i6 |: A
2.3.6 tabindex属性 43
3 M2 M' L$ a9 o7 \5 U9 u$ N2.4 HTML 5新增的通用属性 44+ E: N8 P7 j* R9 k
2.4.1 contentEditable属性 44
/ t4 ?9 H/ F* x2.4.2 designMode属性 46
5 T1 ^% z$ x/ C7 x8 C2.4.3 hidden属性 46
, U& I* E: ^: p8 s. b" I2.4.4 spellcheck属性 47
& y7 [% U m' r0 f2.4.5 contextmenu属性 47
; k& F1 ^4 D5 |) U0 ]6 c, q2.5 HTML 5新增的结构元素 48
$ ~( W: H6 V; t, b1 h5 W2 M) z7 f2.5.1 article与section元素 484 d% m* l4 J- l' B8 v5 M8 q, z
2.5.2 header与footer元素 51
* o$ s- M O$ p/ n2.5.3 nav与aside元素 52
$ R+ V1 ?7 p% G. H5 m7 Q" y2 H( {2.5.4 main元素 53
4 C! Q% O6 s# H) f- w* O% i' c2.5.5 figure与figcaption元素 54
2 H4 m7 s$ ], e( @2.6 HTML 5新增的语义元素 55
8 B8 g2 M1 K/ O Y: L) C1 O: ^2.6.1 mark元素 557 r8 Y1 N8 d4 t
2.6.2 time元素 56) ~% t: U# x; j) Y
2.6.3 details与summary元素 56
; k/ v' C; c, s! H2 W7 L2 N2.6.4 ruby、rtc、rb、rt和rp元素 57
" q+ w6 Z; c6 ~/ q& N2.6.5 bdi元素 582 T3 f$ a( E; b2 O Y0 u6 G' k3 N
2.6.6 wbr元素 58* z: f9 b6 n" A* T' U2 R: T! s9 o
2.6.7 menu和menuitem元素 597 }+ `+ l( z) j( C/ e' X
2.7 HTML 5头部和元信息 591 O& u- {0 Y# I# O$ `/ E
2.7.1 link元素 60
1 O' F% f5 v; W9 X# v$ }2.7.2 base元素 62
* \0 ]% u7 ]0 E+ t2.7.3 meta元素 62# U2 N8 @3 g- ~9 N) L
2.8 HTML 5新增的拖放API 63
4 C3 y1 h) C$ _! o) l" R2.8.1 启动拖动 63
" n$ @. Y1 y2 j) t2.8.2 接受“放” 656 v$ a k4 u6 ~) O, L8 y
2.8.3 DataTransfer对象 674 _) p8 E* l* s
2.8.4 拖放行为 69& C u$ A" l' J. q: U6 o
2.8.5 改变拖放图标 70
+ H0 g: t ?+ `2.9 本章小结 71# R4 M3 K& L% W1 E: v
第3章 HTML 5表单相关的元素和属性 72" j- a# H9 _0 k4 n( m
3.1 HTML原有的表单及表单控件 73
% l$ ]0 k4 W0 Q. T5 q, k3.1.1 form元素 73% Y, X4 A' [- |8 Y; C& v1 \3 o
3.1.2 input元素 74
$ F% D9 q& H& @" v& n% Y3.1.3 使用label定义标签 779 _7 F2 A, U9 F: P* u* q0 b+ U% E
3.1.4 使用button定义按钮 78
+ A1 [' u( i0 J( \5 e- \. f3.1.5 select与option元素 79
* ^5 Q3 C( w9 L- e: x1 u. l3.1.6 HTML 5增强的textarea 80
+ n. {+ V+ F" Z- B! c1 u1 e) ?3.1.7 fieldset与legend元素 827 V3 B' {" u6 K) b
3.2 HTML 5新增的表单属性 83
f3 |3 e/ b# G3.2.1 form属性 835 H8 J& K U$ ~6 F" V1 P1 p6 Y. t
3.2.2 formaction属性 83
2 r: s8 b F- }7 b7 R9 i. u8 y3.2.3 formxxx属性 84
- g3 T: I z5 _* o3.2.4 autofocus属性 85# Q+ B( O8 `& z) b) U+ Y, Y7 V
3.2.5 placeholder属性 85# p+ T2 B8 Q0 f2 T& i* O6 R# @
3.2.6 list属性 865 u1 h9 m8 \' N: M/ T) X
3.2.7 autocomplete属性 879 s: U; U/ |/ `" S7 ]
3.2.8 label的control属性 887 I O3 I% M! ]( P
3.2.9 表单元素的labels属性 88
7 m6 y5 G X( A7 a y7 c) F3.2.10 文本框的selectionDirection属性 89
( a! S& l& F4 \: E0 X3.2.11 复选框的indeterminate属性 89
: E0 k$ v9 ] a2 b3.3 HTML 5新增的表单元素 902 o. p& B) C% ]( Q8 k2 n
3.3.1 功能丰富的input元素 90# H8 h$ }3 E; H" S, J: L- p- f
3.3.2 output元素 93
# E0 P' Z( n5 _. b3.3.3 meter元素 94
4 U, g& y) {; E6 f. N* f$ M3.3.4 progress元素 95' C P% o6 _+ L5 b/ H4 |' e' F( r# V
3.3.5 keygen元素 95+ X: r9 q( s9 w& `: A
3.4 HTML 5新增的客户端校验 96
3 y9 R7 c& {0 z9 Q7 c& W8 r3.4.1 使用校验属性执行校验 96
5 F' J/ G; @! K$ q% j, Q, z6 w0 [3.4.2 调用checkValidity方法进行校验 97
" D5 _+ l! b: H* N! ]3.4.3 自定义错误提示 98+ f& g7 |- P6 S
3.4.4 关闭校验 99
5 P6 s6 E. h/ e3 n) q. G8 Y' h* t3.5 本章小结 100
2 j( a% l* D4 W) Y, d第4章 HTML 5的绘图支持 101+ O! ~6 [( G& J* x7 ^) a
4.1 使用canvas元素 102
2 y& ]8 W" H& @- b4 M: m9 d4.2 绘图 103
: T6 B% k6 ?; ~7 O4.2.1 canvas绘图基础:CanvasRenderingContext2D 103; ~& u$ f! y4 [4 o8 {0 c# J
4.2.2 绘制几何图形 105
) _* Q* o7 `# F4.2.3 点线模式 107
3 C5 i1 I$ `: o7 w4.2.4 绘制字符串 1098 E- P9 J' F4 Q9 W+ p
4.2.5 设置阴影 110
6 l& K7 P/ N6 G( U4.2.6 使用路径 111
7 Q/ {% b* X: [9 C E4.2.7 绘制曲线 1150 E A( T2 N/ V3 Q+ G
4.2.8 绘制位图 1175 z7 V# U( \% i
4.3 坐标变换 1180 L }4 ~3 x$ Q7 p, q9 Y
4.3.1 使用坐标变换 118
) |- y1 L+ w5 U8 p% P+ s' k4.3.2 坐标变换与路径结合使用 119
' q- F ^( d1 p) ?0 N4.3.3 使用矩阵变换 121
8 s; s z# K# E! G" H- H( n: a; b% m4.4 控制叠加风格 123
4 S7 |" N% E# _4.5 控制填充风格 124
$ V5 p5 W3 l& ?, S# R4.5.1 线性渐变 124
4 N0 J- ~. a: y4.5.2 径向渐变 126
- i: ?( u7 @. X4.5.3 位图填充 127
# S# _+ `; R/ V5 G2 R% k( x, I4.6 位图处理 128
* @; r G/ w$ R( N" h( r4.6.1 位图裁剪 1285 l% A- @6 \- j B
4.6.2 像素处理 1293 `3 c2 a6 h* o) A
4.7 输出位图 132
/ @) ~+ M" h% P4.8 动画制作 133! X z1 n- l, v* H& j
4.8.1 基于定时器的动画 133. a- h; y2 k8 E f& y2 o- E
4.8.2 基于requestAnimationFrame的动画 135& B0 v. |! c, i/ C! v4 K+ \7 k2 Y
4.9 本章小结 136" U: E& q j4 y& o4 D
第5章 HTML 5的多媒体支持 137) {3 X& n: J2 a
5.1 使用audio和video元素 138
; z9 p$ B: v! q/ n5.2 使用JavaScript脚本控制媒体播放 141
: g, b2 T) d; X7 v' q* ~7 Y5.2.1 HTMLAudioElement与HTMLVideoElement支持的方法 1415 o3 [8 O8 O3 Y6 Q* Y7 ^- I
5.2.2 HTMLAudioElement与HTMLVideoElement的属性 143
2 u9 b; O( @& r, C" p% ]5.3 事件监听 1442 W" O7 U. P5 k
5.3.1 事件 144
6 W+ ~* E0 n0 l( N5.3.2 监听器 1452 M& r# y% F$ u' s0 Z: a9 R8 b
5.4 track元素 146% f. M. ]) k" q2 m* u
5.4.1 使用track元素添加字幕 146 F+ V% q0 i! p* o' m# h6 D. k
5.4.2 WebVTT文件简介 147/ T1 h n1 @' o m
5.4.3 字幕内容的标记 148' V& m: D5 Z0 ]) f
5.5 本章小结 149( `7 K* G8 p& j2 g- ~, g
第6章 级联样式单与CSS选择器 150
1 l0 g% f- |2 _2 W6.1 样式单概述 151; S7 n2 a/ X* ]3 p) {: O$ J9 D+ l2 D
6.1.1 CSS概述 1510 ^- f: ]$ h& T# q
6.1.2 CSS的发展历史 152: h# v7 r1 L1 q4 V
6.2 CSS样式单的基本使用 1529 O/ D0 T$ {/ d* p0 i: D) ]
6.2.1 引入外部样式文件 152
8 }! P) x5 n- u. `; F* P6.2.2 导入外部样式单 154
. L( M4 ~- [3 i4 K2 e6.2.3 使用内部CSS样式 155, x1 d2 o4 A! Y- K- n" H
6.2.4 使用行内样式 156
8 w! F( f1 L% ?7 }5 t6.3 CSS选择器 1585 A. Y! E$ a) _9 N4 D# O' g5 O3 G
6.3.1 元素选择器 1582 }: A9 o4 N' {6 T# P& l r
6.3.2 属性选择器 159
! Y. `* n0 J6 [6.3.3 ID选择器 161% A3 f% c$ k9 S( v4 y. K% e% d
6.3.4 class选择器 162$ W$ I7 K# @, }
6.3.5 包含选择器 163- {$ H3 ]5 L9 t1 B! [! s
6.3.6 子选择器 1649 ^" ]+ y: g- x9 l' B
6.3.7 CSS 3新增的兄弟选择器 165+ L- K2 t- B w3 ~5 e
6.3.8 选择器组合 166
e7 e5 r. ], G6.4 伪元素选择器 167& K& d& ^& N- q* o* f* @; m+ z3 ?) B
6.4.1 内容相关的属性 169* g B) ] T2 O+ ?) {
6.4.2 插入图像 170
4 R3 X; O: ~4 U3 ?' ]0 N& m6.4.3 只插入部分元素 171$ m3 f# G3 O; k9 a0 q. F! d, o8 r
6.4.4 配合quotes属性执行插入 171
$ L7 |" ~* w! L& |, M6.4.5 配合counter-increment属性添加编号 1721 K! r( W) _6 _3 m* ~4 A
6.4.6 使用自定义编号 173
, @* A2 ~ f! K7 C# T: u" c6.4.7 添加多级编号 174
0 B# `# z" q' I4 Z: Z4 j6.5 CSS 3新增的伪类选择器 176
B( b7 h4 j9 H# k( P6.5.1 结构性伪类选择器 1767 ^9 P9 ]9 L8 e. [' d
6.5.2 UI元素状态伪类选择器 186
) z0 f: Q% z: p. \1 y1 H' X) S6.5.3 :target伪类选择器 193
5 A( ?- f9 d3 P6.5.4 :not伪类选择器 194
6 I$ F* G* A, `$ h6.6 在脚本中修改显示样式 1952 V: O' }! S: T2 U4 Y2 @! f
6.6.1 随机改变页面的背景色 195
3 p1 ]. v+ t/ `6.6.2 动态增加立体效果 196
! u; ~; }7 t) E; I( _6.7 本章小结 197
3 E y( O k0 z( _. n( _# O2 D第7章 字体与文本相关属性 198. z" W9 J' E x4 \" J0 M
7.1 字体相关属性 199
7 C# ]; q6 \0 w) ?7.1.1 使用text-shadow添加阴影 201+ y0 L) X6 i V' p
7.1.2 添加多个阴影 202
( O1 N) Z9 E, A' {5 D7 Z- h8 n7.1.3 使用font-size-adjust属性微调字体大小 203
: P2 Q% e6 g" r& L/ l, K7 c- q7.2 CSS 3支持的颜色表示方法 205+ z4 ?. K/ a, x, l: }
7.3 文本相关属性 206
: m, R' j. W& @, |$ y) p; ?3 B7.3.1 使用white-space控制空白的处理行为 208
$ A* `. _1 D5 o% Z7.3.2 文本自动换行:word-break 209: \- X* r8 h- i+ @3 L& Z
7.3.3 用word-warp控制长单词或URL地址换行 210
3 \& x6 l6 i H5 m( B3 |7.4 CSS 3新增的服务器字体 212' s" r* r, z: F8 d4 P5 P
7.4.1 使用服务器字体 212
; k- p+ B; X$ S7.4.2 定义粗体、斜体字 213
# V' d* L" f% w6 L7.4.3 优先使用客户端字体 214
. \/ f K2 C/ _* o5 r7.5 本章小结 215
& ?- e' P, }9 m+ m$ t. o+ O第8章 背景、边框和边距相关属性 216' F: y/ [ A6 Z% ^! V1 k, ~3 k
8.1 盒模型简介 217) w) C) y+ z4 c! I5 \3 x/ k" e5 R
8.2 背景相关属性 217& n4 h' } O$ Z8 h8 E n: E8 O
8.2.1 背景图片固定 219
( [2 N& c8 w9 c8.2.2 CSS 3新增的background-clip属性 220
: {& I; l1 N+ v* y8.2.3 CSS 3新增的background-origin属性 2218 S* c1 b& F# p9 g4 i
8.2.4 CSS 3新增的background-size属性 222
, L9 g! Z9 T+ B q% H8.2.5 CSS 3为background-repeat新增的space和round 2248 J3 l# h" r+ J% H( T3 ~
8.2.6 CSS 3新增的多背景图片 2255 `+ z1 X v8 A N
8.3 使用渐变背景 226
8 S+ i& l0 V1 p: Z, h2 R# k8.3.1 使用linear-gradient设置线性渐变 226- i! o( x0 h3 A. f
8.3.2 使用repeating-linear-gradient设置循环线性渐变 230
# q4 k& p; s! M8.3.3 使用radial-gradient设置径向渐变 231' r* p! L* r9 _0 U$ j7 m
8.3.4 使用repeating-radial-gradient设置循环径向渐变 238
/ x) O5 P3 g/ n, m0 W) R8.4 边框相关属性 239
# J C) q L+ l: f& w% j8.4.1 CSS 3提供的渐变边框 241. r% y: K8 ~: _3 T; x r
8.4.2 CSS 3提供的圆角边框 242
2 Y9 G/ U4 t( S% W8.4.3 CSS 3提供的图片边框 244, U. U$ i4 a- B/ g) E) q. b8 s
8.5 使用opacity控制透明度 246" P6 e8 F% ?5 ]- C. @
8.6 padding和margin相关属性 247- X5 Z% q& m0 d/ i
8.6.1 内填充相关属性 2478 b; u- j1 L9 q3 d: p9 ]
8.6.2 外边距相关属性 248
: v, _; h2 _! S/ H8 f! h* V8.7 本章小结 249
4 O s9 T* m. u$ {) y# y第9章 大小、定位、轮廓相关属性 250
4 G' D0 W3 u8 a; H* ]9.1 width、height相关属性 251
1 e3 j* r- j2 F+ \: ^% b9.1.1 CSS 3新增的box-sizing属性 252- f, M% Q0 \' O- O$ S: ` r' l: b; E
9.1.2 CSS 3新增的resize属性 253
; Z: K$ R' V! O/ }$ d) v* h- ]9.1.3 CSS 3新增的calc函数 254% b# r) g4 [% d5 T! [. Y
9.2 定位相关属性 255
. h% D9 n t3 p. x4 J- d9.3 轮廓相关属性 257
; o; e6 S& R* a, C& k6 J& U9.4 用户界面和滤镜属性 258
6 y) W, p2 x) q9.4.1 appearance属性 259
) G- Y" P2 ^5 y$ Y# y9.4.2 使用filter属性应用滤镜 260
! \0 s* E) e/ f' O$ i: W' p9.5 本章小结 263
" P. Y1 j- V0 {6 Z+ s( p第10章 盒模型与布局相关属性 264
: [5 Y0 J/ ~9 M! M10.1 盒模型和display属性 265
8 @! q. d) o/ ?* ?10.1.1 两种最基本的盒类型 265
, f1 c# w/ {, Q4 [+ e: c8 w" d10.1.2 none值和visibility属性 267
! f T% t/ O" T10.1.3 inline-block类型的盒模型 267
, _0 q0 v; ? P/ M10.1.4 inline-table类型的盒模型 270$ R7 v' N; q3 i( V( ?$ N: T+ S
10.1.5 使用table类型的盒模型实现表格 271
N. m3 [+ P, P10.1.6 list-item类型的盒模型 272
5 H8 X# c2 H# ^1 H9 m7 \10.1.7 run-in类型的盒模型 273
. U3 |. D; c4 v10.2 对盒添加阴影 2752 V. V9 d5 R4 f
10.2.1 使用box-shadow属性 275
2 g! m6 i4 ^2 D& p2 \; l10.2.2 对表格及单元格添加阴影 277$ e" B F2 R: |$ h
10.3 布局相关属性 278
* G( L0 L/ z2 y, z- t10.3.1 通过float属性实现多栏布局 279' @! v- z9 K6 h7 ~* N
10.3.2 使用clear属性实现换行 2803 J( I3 ?; t* ?0 F0 n) @, k
10.3.3 使用overflow设置滚动条 2829 v, @8 f+ M7 i' X% I
10.3.4 使用overflow-style控制滚动方式 283. K8 }. g y* y# J& y! n
10.3.5 使用clip属性控制裁剪 284) w% n& H. b) `7 T& Z V0 b/ p
10.4 CSS 3新增的多栏布局 285+ }* K# F5 o, h
10.4.1 使用column-width指定栏宽度 286: ?6 c0 Z1 t* @1 h
10.4.2 使用column-gap和column-rule控制分栏间隔 2878 M' n2 z( n/ y h9 v
10.4.3 使用column-span设置跨栏 2884 g! ?: _2 l$ I
10.5 使用弹性盒布局 2890 s% N0 C3 i8 r, j
10.5.1 使用flex类型的盒模型 290! g7 |! R2 Q0 t" [3 ]5 z5 h2 l
10.5.2 通过flex-direction指定盒内元素的排列方向 291
- z1 Z6 V4 m+ \% S4 K10.5.3 使用flex-wrap控制换行 293- q9 T; a7 g# i4 A4 M* R
10.5.4 使用order控制元素显示顺序 294$ a) y* T/ r& o5 Y9 h( w
10.5.5 使用flex属性控制子元素的缩放 295
/ E0 g* a6 `3 c9 I5 g& Y10.5.6 使用align-items和ali& w) B4 V3 o/ V
' R/ q ~- l0 T# sJava资料百度网盘下载地址链接(百度云):java自学网(javazx.com) 疯狂HTML 5+CSS 3+JavaScript讲义(第2版) PDF 高清 电子书 百度云.rar【密码回帖可见】) m! m! a$ Q% J2 a) ^% C
4 J3 _3 { p4 q$ |% C# A3 f$ }
: o! P; o4 \& r- r/ D2 R9 }* J
3 r. ~4 n4 i$ {. F T8 _' B) I6 ]- H4 \
|
|