[正版][]零基础入门学习web开发 赠视频教程 css3 html5书网页前端设计小甲鱼网站制作web前端开发教程

                                                    店铺公告

为保障消费者合理购买需求及公平交易机会，避免因非生活消费目的的购买货囤积商品，抬价转售等违法行为发生，店铺有权对异常订单不发货且不进行赔付。异常订单：包括但不限于相同用户ID批量下单，同一用户（指不同用户ID，存在相同/临近/虚构收货地址，或相同联系号码，收件人，同账户付款人等情形的）批量下单（一次性大于5本），以及其他非消费目的的交易订单。 温馨提示：请务必当着快递员面开箱验货，如发现破损，请立即拍照拒收，如验货有问题请及时联系在线客服处理，（如开箱验货时发现破损，所产生运费由我司承担，一经签收即为货物完好，如果您未开箱验货，一切损失就需要由买家承担，所以请买家一定要仔细验货）， 关于退货运费：对于下单后且物流已发货货品在途的状态下，原则上均不接受退货申请，如顾客原因退货需要承担来回运费，如因产品质量问题（非破损问题）可在签收后，联系在线客服。

本书*先讲解Web开发的基础知识，以及HTML5的语法、标记方法、元素；然后讲解CSS中*属性的用法，CSS3中的选择器、背景、边框、盒子模型、布局方式、动画、滤镜，以及针对多种浏览器应该怎样在代码中设置各种属性等。

本书适合想要学习Web开发和从事Web开发工作的读者阅读，也可作为*等院校相关*业师生的学习用书和培训学校的教材。

第　*章 概述　*

*.*　Web开发是什么　*

*.2　学习Web开发有前途吗　*

*.3　Web的发展史　3

第　2章 网页基础　4

2.*　第 *个程序　4

2.2　img元素和a元素　6

2.3　“多才多艺”的meta元素　7

2.3.*　声明文档编码　7

2.3.2　实现网页自适应　9

2.3.3　搜索引擎*化　*0

2.3.4　网页自动跳转　**

2.4　为网页添加样式　**

2.5　link元素　*4

2.5.*　*外*样式表　*4

2.5.2　*网站图标　*6

2.6　*对路径和相对路径　*6

2.7　base元素　*7

2.8　JavaScript初体验　*8

2.8.*　定义文档内嵌脚本　*8

2.8.2　引用外*脚本　*8

2.8.3　延迟执行脚本　*9

2.8.4　异步执行脚本　2*

2.8.5　noscript元素　2*

第3章　标记文字的元素　22

3.*　注释　22

3.*.*　HTML的注释　22

3.*.2　CSS的注释　23

3.*.3　JavaScript的注释　24

3.2　块级元素和行内元素　25

3.3　pre元素　26

3.3.*　预格式化　27

3.3.2　字符实体　28

3.4　code元素　29

3.5　var、kbd、samp元素　30

3.6　q元素　30

3.7　blockquote元素　3*

3.8　cite元素　33

3.9　abbr元素　33

3.*0　dfn元素　34

3.**　address元素　34

3.*2　ruby元素　35

3.*3　bdo元素　35

3.*4　strong元素和b元素　36

3.*5　em元素和i元素　36

3.*6　使用CSS代替b元素和i元素　37

3.*7　del元素和ins元素　38

3.*8　s元素　38

3.*9　mark元素　39

3.20　sup元素和sub元素　39

3.2*　small元素　39

第4章　列表　4*

4.*　ul元素　4*

4.2　ol元素　4*

4.3　两个与列表相关的CSS属性　43

4.4　列表嵌套　45

4.5　定义列表　46

第5章　表格　48

5.*　实现表格　48

5.2　给表格添加边框　49

5.3　给表格添加标题　50

5.4　分割表格　52

第6章　表单　57

6.*　form元素　57

6.2　button元素　58

6.3　*些常用的功能　59

6.3.*　自动填充　59

6.3.2　*目标显示位置　6*

6.3.3　设置默认值　6*

6.3.4　自动聚焦　6*

6.3.5　禁用元素　6*

6.4　label元素　62

6.5　fieldset元素　63

6.6　legend元素　64

6.7　select元素和option元素　64

6.8　optgroup元素　65

第7章　“万能”的input元素　67

7.*　按钮　67

7.2　单选框　68

7.3　复选框　68

7.4　时间和日期　69

7.5　搜索框　70

7.6　颜色选择框　70

7.7　图像按钮　7*

7.8　隐藏input元素　72

7.9　上传文件　73

7.*0　限定数字输入　75

7.**　限定数值范围　76

7.*2　数值滚动条　76

7.*3　邮箱、电话号码和网址　77

7.*4　placeholder属性　78

7.*5　required属性　78

7.*6　size属性　79

7.*7　maxlength属性　79

7.*8　list属性和datalist元素　80

第8章　其他表单元素　8*

8.*　输出计算结果　8*

8.2　接收多行文本输入　8*

第9章　div和语义化布局　84

9.*　div元素　84

9.2　语义化布局　88

第　*0章 嵌入　92

*0.*　嵌入图片　92

*0.*.*　map和area元素　92

*0.*.2　picture和source元素　93

*0.*.3　figure和figcaption元素　94

*0.2　嵌入视频　94

*0.2.*　video元素　94

*0.2.2　播放控件和自动播放　95

*0.2.3　视频预加载　96

*0.2.4　视频封面　96

*0.2.5　多个视频文件　97

*0.3　嵌入音频　97

*0.4　嵌入字幕　97

*0.5　嵌入网页　98

*0.6　meter元素和progress元素　*00

第　**章 CSS语法　*02

**.*　什么是CSS　*02

**.2　CSS基础语法　*03

**.2.*　内联样式　*03

**.2.2　内*样式表　*04

**.2.3　外*样式表　*04

第　*2章 基本选择器与复合选择器　*06

*2.*　基本选择器　*06

*2.*.*　通用选择器　*07

*2.*.2　元素选择器　*07

*2.*.3　类选择器　*09

*2.*.4　id选择器　**0

*2.2　复合选择器　**0

*2.2.*　交集选择器　***

*2.2.2　并集选择器　***

*2.2.3　后代选择器　**2

*2.2.4　子元素选择器　**3

*2.2.5　相邻兄弟选择器　**3

*2.2.6　通用兄弟选择器　**4

第　*3章 伪元素选择器　**5

*3.*　::first-line选择器　**5

*3.2　::first-letter选择器　**6

*3.3　::before选择器和::after选择器　**7

*3.4　::selection选择器　**8

第　*4章 动态伪类选择器和UI伪类选择器　**9

*4.*　动态伪类选择器　**9

*4.2　UI伪类选择器　*22

第　*5章 结构伪类选择器和其他伪类选择器　*28

*5.*　结构伪类选择器　*28

*5.2　其他伪类选择器　*34

*5.3　如何区分伪类选择器和伪元素选择器　*36

第　*6章 属性选择器　*39

*6.*　使用属性选择器*确匹配　*39

*6.2　使用属性选择器模糊匹配　*42

第　*7章 颜色和背景　*44

*7.*　颜色　*44

*7.*.*　前景色　*44

*7.*.2　RGB　*45

*7.*.3　HEX和HSL　*45

*7.*.4　RGBA和HSLA　*46

*7.2　背景　*46

*7.2.*　背景色　*46

*7.2.2　背景图像　*47

*7.2.3　重复背景图像　*48

*7.2.4　背景图像的位置　*49

*7.2.5　背景图像的尺寸　*50

*7.2.6　背景图像的附着方式　*5*

*7.2.7　背景图像的起始位置和显示区域　*5*

*7.2.8　background属性的简写形式　*53

第　*8章 盒子模型　*54

*8.*　边框　*54

*8.*.*　边框样式　*54

*8.*.2　边框宽度　*55

*8.*.3　边框颜色　*56

*8.*.4　border属性的简写形式　*56

*8.*.5　为边框设置样式、宽度、颜色　*57

*8.*.6　圆角边框　*58

*8.*.7　图像边框　*60

*8.2　内边距　*62

*8.3　外边距　*63

*8.4　水平居中　*64

*8.5　外边距塌陷　*65

*8.6　设置元素的尺寸　*67

*8.7　设置元素的最小尺寸和最大尺寸　*68

*8.8　处理溢出问题　*69

*8.9　轮廓　*7*

*8.*0　阴影　*74

第　*9章 *网页布局（上）　*76

*9.*　设置元素的显示类型　*76

*9.*.*　块级元素　*77

*9.*.2　行内元素　*78

*9.*.3　行内块元素　*80

*9.*.4　隐藏元素　*8*

*9.*.5　控制元素的可见性　*82

*9.2　浮动　*84

*9.3　利用float实现多列布局　*87

*9.4　*浮动　*90

*9.5　定位　*92

*9.6　z-index属性　*95

*9.7　利用position实现多列布局　*96

*9.8　BFC　*97

*9.8.*　BFC的对齐方式　*97

*9.8.2　*建*个新的BFC　*98

*9.8.3　外边距塌陷　*99

*9.8.4　容纳浮动元素　20*

*9.8.5　阻止文本环绕　204

*9.9　多列布局　204

第　20章 *网页布局（下）　2**

20.*　居中　2**

20.2　单列布局　2*5

20.3　两列布局　2*7

20.4　三列布局　2*9

20.4.*　浮动法　2*9

20.4.2　*对定位法　220

20.4.3　负外边距法　220

20.5　双飞翼布局　223

20.6　杯状布局　224

20.7　瀑布流布局　225

第　2*章 弹性盒布局　229

2*.*　弹性容器和弹性元素　229

2*.2　主轴和垂轴　235

2*.3　主轴上的对齐方式　239

2*.4　垂轴上的对齐方式　240

2*.5　多行弹性元素的对齐方式　243

2*.6　order属性　244

2*.7　弹性盒布局“弹”的到底是什么呢　245

2*.8　设置弹性元素的压缩比例　247

2*.9　设置弹性元素的放大比例　249

2*.*0　设置弹性元素的初始尺寸　250

2*.**　弹性元素的*征　25*

第　22章 栅格布局　253

22.*　*建栅格容器　255

22.2　定义栅格轨道　256

22.3　定义栅格区域　257

22.4　定义栅格间距　260

22.5　*些关键字和函数　26*

22.5.*　fr　26*

22.5.2　auto　26*

22.5.3　min-content和max-content　262

22.5.4　repeat()　262

22.5.5　auto-fill　262

22.5.6　minmax()　262

22.5.7　auto-fit　263

22.5.8　fit-content()　263

22.6　栅格布局的对齐方式　264

22.6.*　justify-content属性　265

22.6.2　align-content属性　265

22.6.3　justify-items属性　266

22.6.4　align-items属性　267

22.6.5　justify-self和align-self属性　267

22.6.6　place-content、place-items和place-self属性　268

22.7　栅格线　269

22.7.*　命名栅格线　269

22.7.2　grid-column-start、grid-column-end和grid-row-start、grid-row-end

　属性　270

22.7.3　grid-column和grid-row属性　272

22.7.4　grid-area属性　272

22.7.5　修改重叠的顺序　273

22.8　定义栅格元素的放置规则　274

22.8.*　grid-auto-flow属性　274

22.8.2　grid-auto-columns和grid-auto-rows属性　276

22.9　grid属性　277

22.*0　栅格元素的*性　278

第　23章 文本样式和字体　280

23.*　设置文本对齐　280

23.2　*留空白字符　28*

23.3　设置文本的方向　282

23.4　设置缩进　283

23.5　设置间距　284

23.6　纵向对齐文本　285

23.7　*建文本阴影　286

23.8　控制断词　287

23.9　控制文本溢出　288

23.*0　装饰文本　289

23.**　转换大小写　290

23.*2　设置字体　29*

23.*2.*　font-family属性　29*

23.*2.2　font-size属性　293

23.*2.3　font-weight、font-style和font-variant属性　293

23.*3　使用Web字体　295

第　24章 过渡、变形和动画　296

24.*　过渡　296

24.2　变形　300

24.2.*　旋转　300

24.2.2　移动　30*

24.2.3　缩放　302

24.2.4　倾斜　303

24.2.5　变形原点　304

24.2.6　3D变形方式　305

24.2.7　修改视域　306

24.2.8　处理元素的背面　308

24.3　动画　309

24.3.*　关键帧　309

24.3.2　让元素动起来　3**

24.3.3　*动画开始前的延迟　3**

24.3.4　*动画循环的次数　3*2

24.3.5　*动画的方向　3*2

24.3.6　*动画的速度曲线　3*3

24.3.7　重复关键帧属性　3*4

24.3.8　*动画的填充模式　3*5

24.3.9　简写　3*6

第　25章 滤镜、混合模式、裁剪和遮罩　3*7

25.*　滤镜　3*7

25.*.*　blue()　3*7

25.*.2　brightness()　3*8

25.*.3　contrast()　3*8

25.*.4　saturate()　3*9

25.*.5　grayscale()　3*9

25.*.6　sepia()　320

25.*.7　hue-rotate()　320

25.*.8　invert()　32*

25.*.9　opacity()　32*

25.*.*0　drop-shadow()　322

25.*.**　应用多个滤镜　322

25.*.*2　SVG滤镜　323

25.2　混合模式　324

25.2.*　变暗、正片叠底和颜色加深　324

25.2.2　变亮、滤色和颜色减淡　326

25.2.3　叠加、柔光和强光　327

25.2.4　差值和排除　328

25.2.5　色相、饱和度、颜色和明度　329

25.2.6　多张背景图像的混合　330

25.3　裁剪　33*

25.4　蒙版　333

25.5　置换元素的填充与定位　334

第　26章 其他CSS*性　336

26.*　*先级　336

26.2　透明度　339

26.3　渐变　340

26.3.*　线性渐变　340

26.3.2　径向渐变　343

26.4　CSS变量　344

26.5　CSS计数器　345

26.6　媒体查询　347

小甲鱼

鱼C工作室*始人

*办的鱼C论坛现注册用户**0多万

哔哩哔哩上编程科普博主（粉丝累计80多万）

已出版编程类书籍《零基础入门学习Python》《零基础入门学习Scratch》《零基础入门学习C语言》