具体描述
产品特色
编辑推荐
通俗易懂 案例简洁形象，生动剖析晦涩难懂的知识点。直击要点 规避思维误区，为初学者打牢基础保驾护航。
全面培养 讲透基础知识，亦注重开发技巧与思维锻炼。
精简浓缩 精炼核心内容，为读者节省学习时间与成本。
在线辅助 结合网站资源，强化书本学习并拓展新知识。
内容简介
结合大量开发实战经验，本书将前端开发知识系统化整理，浓缩精华，用通俗易懂的语言直指初学者的痛点。全书分为两部分：首部分是HTML基础知识，帮助读者认识和理解网页的结构；第二部分是CSS基础知识，帮助读者掌握网页中各个元素样式与外观的设置。此外，本书在融入大量开发技巧的同时，也注重编程思维的培养，使得学习者能够建立清晰的学习思路，并在实战中举一反三。
作者简介
莫振杰，2011~2015就读于暨南大学信科院计算机科学与技术专业，从事前后端开发一年多，开发过绿叶学习网、广州智能工程研究会网站、大量在线应用工具，业余时间阅读大量国内外技术书籍。 现为绿叶学习网（http://www.lvyestudy.com）的站长，该网站用于分享自己在前后端开发中的一些经验，并且制作相关前后端开发的在线教程。这些在线教程在互联网引起广泛关注，极大受到网友推崇。本人编写过大量原创在线教程，每一个教程广受网友称赞与推崇。目录
第一部分 HTML入门第1章 HTML基础 2
1．1 Web技术简介 3
1．1．1 从网页制作到前端开发 3
1．1．2 前端技术 4
1．1．3 后端技术 7
1．1．4 从前端开发到后端开发的学习路线 8
【疑问】 9
1．2 HTML是什么？ 10
1．3 HTML入门简介 11
1．3．1 教程说明 11
1．3．2 初学者比较关心的
问题 13
1．4 本章总结 13
第2章 前端开发工具 15
2．1 前端开发工具 16
2．1．1 Dreamweaver 16
2．1．2 Sublime Text 17
2．1．3 Visual Studio 17
2．2 新建HTML页面 18
第3章 HTML基本标签 20
3．1 HTML基本结构 21
3．1．1 HTML基本结构 21
3．1．2 用记事本编写网页 22
3．1．3 用Dreamweaver编写
网页 23
3．2 head标签 24
3．2．1 head标签内的title
标签 25
3．2．2 head标签内的meta
标签 25
3．2．3 head标签内的style
标签 28
3．2．4 head标签内的script
标签 28
3．2．5 head标签内的link
标签 29
3．3 body标签 29
3．4 HTML注释 30
3．5 本章总结 32
训练题 33
第4章 段落与文字 34
4．1 段落与文字简介 35
4．2 标题标签 37
4．3 段落标签 39
4．3．2 段落标签
39
4．3．2 换行标签
40
4．4 文本格式化标签 42
4．4．1 粗体标签b、strong 42
4．4．2 斜体标签i、cite、em 43
4．4．3 上标标签sup 44
4．4．4 下标标签sub 44
4．4．5 大字号标签big和
小字号标签small 45
4．4．6 删除线标签s 46
4．4．7 下划线标签u 47
4．5 水平线标签 48
4．6 div标签 49
4．7 网页特殊符号 50
4．7．1 网页中的空格 50
4．7．2 特殊符号 52
4．8 自闭合标签 54
4．8．1 什么叫自闭合标签 54
4．8．2 常见的自闭合标签 55
4．9 块元素和行内元素 55
4．9．1 块元素 56
4．9．2 行内元素 58
4．10 本章总结 59
4．11 训练题 61
第5章 列表 62
5．1 HTML列表简介 63
5．1．1 网页中的列表 63
5．1．2 HTML列表简介 63
5．2 有序列表 64
5．2．1 有序列表简介 64
5．2．2 有序列表type属性 65
5．3 无序列表 67
5．3．1 无序列表简介 67
5．3．2 无序列表type属性 68
5．3．3 深入了解无序列表 69
【疑问】 71
5．4 定义列表 72
5．5 HTML中的大误区 74
5．6 本章总结 75
5．7 训练题 78
第６章 表格 79
6．1 表格简介 80
6．2 表格基本结构 81
【疑问】 82
6．3 表格完整结构 82
6．3．1 表格标题caption 83
6．3．2 表头th 84
6．4 表格语义化 86
6．5 合并行rowspan 89
6．6 合并列colspan 90
6．7 本章总结 92
6．8 训练题 94
第7章 图像 95
7．1 图像标签 96
7．1．1 img标签src属性 96
7．1．2 img标签alt属性 97
7．1．3 img标签title属性 97
7．2 相对路径和绝对路径 98
7．2．1 “网页1”引用海贼王
图片 99
7．2．2 “网页2”引用海贼王
图片 99
【疑问】 100
7．3 图片格式 101
7．3．1 位图 101
7．3．2 矢量图 103
7．3．3 位图与矢量图
区别 105
【疑问】 105
7．4 本章总结 106
第8章 超链接 108
8．1 超链接简介 109
8．2 a标签 109
8．2．1 a标签简介 109
8．2．2 a标签target属性 110
8．2．3 各种超链接 111
8．3 内部链接 112
8．4 锚点链接 114
8．5 本章总结 117
第9章 表单 118
9．1 表单简介 119
9．2 form标签 120
9．2．1 form标签简介 120
9．2．2 form标签属性 121
9．2．3 表单对象 126
9．3 input标签简介 126
9．4 单行文本框text 127
9．4．1 文本框text简介 127
9．4．2 文本框text属性 128
9．5 密码文本框password 129
9．5．1 密码文本框简介 129
9．5．2 密码文本框属性 131
9．6 单选按钮radio 132
9．6．1 单选按钮简介 132
9．6．2 单选按钮radio的忽
略点 133
【疑问】 135
9．7 复选框checkbox 135
9．8 表单按钮 137
9．8．1 普通按钮button 137
9．8．2 提交按钮submit 138
9．8．3 重置按钮reset 139
9．8．4 普通按钮、提交按钮
和重置按钮的区别 141
9．9 图片域image 142
【疑问】 143
9．10 隐藏域hidden 143
9．11 文件域file 145
9．12 多行文本框textarea 146
9．13 下拉列表select 148
9．13．1 select标签属性 149
9．13．2 option标签属性 151
【疑问】 153
9．14 input标签按钮与button
标签按钮 153
【疑问】 155
9．15 本章总结 155
【疑问】 157
9．16 训练题 158
第10章 多媒体 159
10．1 网页中插入音频和视频 160
10．2 网页中插入背景音乐 162
10．3 网页中插入Flash 163
10．4 本章总结 164
第11章 框架 165
11．1 浮动框架iframe 166
11．1．1 iframe简介 166
11．1．2 iframe滚动条 167
第二部分 CSS入门
第12章 CSS基础 170
12．1 CSS是什么 171
12．1．1 CSS简介 171
12．1．2 CSS和CSS3 172
12．2 CSS入门简介 172
12．3 CSS的三种引用方式 173
12．3．1 外部样式表 173
12．3．2 内部样式表 174
12．3．3 内联样式表 175
第13章 CSS选择器基础 177
13．1 元素的id和class 178
13．1．1 元素的id属性 178
13．1．2 元素的class属性 178
13．2 什么叫CSS选择器？ 179
13．3 CSS选择器入门（上） 181
13．3．1 元素选择器 181
13．3．2 id选择器 183
13．3．3 class选择器 184
13．4 CSS选择器入门（下） 186
13．4．1 子元素选择器 186
13．4．2 相邻选择器 187
13．4．3 群组选择器 189
第14章 字体样式 191
14．1 字体样式简介 192
14．2 字体类型font-family 193
14．3 字体大小font-size 195
14．4 字体颜色color 198
14．5 字体粗细font-weight 200
14．6 字体斜体font-style 202
14．7 CSS注释 204
14．8 本章总结 206
第15章 文本样式 209
15．1 文本样式简介 210
15．2 下划线、删除线和顶划线
text-decoration 210
15．2．1 text-decoration
属性 210
15．2．2 下划线、删除线和顶
划线的用途分析 213
15．3 文本大小写
text-transform 214
15．4 font-variant属性 215
【疑问】 216
15．5 首行缩进text-indent 216
15．6 文本水平对齐text-align 218
15．7 行高line-height 219
15．8 字母间距letter-spacing和
词间距word-spacing 221
15．8．1 letter-spacing
属性 221
15．8．2 word-spacing
属性 222
15．9 文本样式总结 223
第16章 边框样式 228
16．1 边框样式简介 229
16．2 整体边框样式 230
16．2．1 边框的属性 230
16．2．2 边框实例 233
16．2．3 border属性简洁
写法 233
16．3 局部边框样式 234
16．4 本章总结 237
第17章 背景样式 240
17．1 背景样式简介 241
17．1．1 背景颜色 241
17．1．2 背景图像 241
17．2 背景颜色background-
color 242
17．3 背景图像简介 244
17．3．1 background-image
属性 244
17．3．2 background-repeat
属性 244
17．3．3 background-position
属性 245
17．3．4 background-attachment
属性 246
17．4 背景图像样式background-
image 246
17．5 背景重复样式background-
repeat 248
17．6 背景图像位置background-
position 250
17．6．1 background-position
取值为“像素值” 250
17．6．2 background-position
取值为“关键字” 252
17．7 背景固定样式background-
attachment 253
17．8 本章总结 254
第18章 超链接样式 256
18．1 超链接伪类 257
18．1．1 如何去除超链接下
划线 257
18．1．2 如何定义超链接伪类 258
18．1．3 深入了解超链接伪类 260
【疑问】 261
18．2 深入了解：hover伪类 262
18．3 鼠标样式 264
18．3．1 浏览器鼠标样式 264
18．3．2 自定义鼠标样式 266
18．4 本章总结 267
第19章 图片样式 269
19．1 图片大小 270
19．2 图片边框border 271
19．3 图片水平对齐 272
19．4 图片垂直对齐 274
19．5 文字环绕效果float 278
19．5．1 float属性 278
19．5．2 定义图片与文字
间距 280
19．6 本章总结 282
第20章 列表样式 285
20．1 列表项符号list-style-
type 286
20．1．1 HTML中定义列表
项符号 286
20．1．2 CSS中定义列表
项符号 287
20．2 自定义列表项符号
list-style-image 290
20．3 本章总结 291
第21章 表格样式 293
21．1 表格边框合并border-
collapse 294
21．2 表格边框间距border-
spacing 297
21．3 表格标题位置caption-
side 299
21．4 本章总结 301
第22章 CSS盒子模型 303
22．1 CSS盒子模型 304
22．2 宽度width和高度
height 308
22．3 边框border 313
22．4 内边距padding 314
22．4．1 padding局部样式 314
22．4．2 padding简洁写法 315
22．5 外边距margin 317
22．5．1 margin局部样式 318
22．5．2 margin简洁样式 319
22．6 本章总结 321
第23章 浮动布局 323
23．1 HTML文档流 324
23．1．1 正常文档流动 324
23．1．2 脱离正常文
档流 325
23．2 浮动float 326
23．3 清除浮动clear 331
23．4 本章总结 334
第24章 定位布局 336
24．1 定位布局简介 337
24．2 固定定位fixed 337
24．3 相对定位relative 339
24．4 绝对定位absolute 342
24．5 CSS静态定位static 345
附录 HTML标签的语义 346
后记 352
前言/序言
用户评价
阅读过程中，我最大的感受就是这本书的“温度”。它不像一些技术书籍那样，干巴巴地罗列知识点，而是充满了作者的思考和经验。比如，在讲解一些稍微复杂的技术点时，作者会穿插一些个人感悟，或者分享一些曾经踩过的坑，这让我觉得非常亲切，仿佛在和一位经验丰富的同行交流。这种“人情味”让学习过程不再枯燥，反而充满了乐趣。另外，书中大量的插图和流程图，对我理解一些抽象的概念起到了至关重要的作用。我常常觉得，看一张图比看几段文字更能快速掌握精髓。尤其是对于CSS的定位和Flexbox的对齐方式，如果没有那些直观的图示，我可能还需要花费更多的时间去摸索。这本书还非常注重练习和实践，每讲完一个章节，都会有一些小型的练习题，鼓励读者动手去尝试，这大大巩固了我所学的知识。我喜欢这种“学以致用”的学习模式，而不是被动地接受信息。总而言之，这本书不仅仅是一本技术书籍，更像是一本指导我成长的“武功秘籍”，它教会我方法，传递我经验，让我在这个不断变化的Web开发领域，能够稳步前行，并且充满自信。
评分说实话，我之前总觉得HTML和CSS只是“搭建骨架”和“涂鸦”的工作，离真正的“开发”还有距离。但是，这本书彻底改变了我的看法。它在讲解HTML和CSS的同时，非常注重“最佳实践”和“专业性”。比如，在讲到HTML的时候，它不仅仅是教我如何写标签，更强调了语义化HTML的重要性，以及如何利用ARIA属性来增强网页的可访问性，这让我意识到，一个好的网页不仅仅是美观，更重要的是能够被所有人平等地访问。在CSS部分，它则强调了代码的规范性，比如如何组织CSS文件、如何命名类选择器，以及如何使用预处理器（虽然书中没有深入讲预处理器，但提到了其存在的必要性）。它还多次强调了CSS的复用性和可维护性，以及如何避免“魔法数字”和全局污染，这些都是我在其他地方很少看到的。更让我感到惊喜的是，它在讲解一些高级的CSS特性时，比如CSS的动画和过渡，也提供了非常实用的示例，让我看到了CSS在实现丰富交互方面的潜力。这本书让我明白，HTML和CSS并不是简单的标签和样式堆砌，而是构成Web应用的基础，并且可以通过专业、规范的编写，创造出既美观又易于维护的优秀作品。
评分在学习Web前端的过程中，调试bug绝对是一件让人抓狂的事情。我之前的经验大多是靠“猜”和“试”，效率很低。而《HTML与CSS基础教程 Web前端开发精品课》在这方面给了我极大的启发。它并没有直接告诉我如何去“修复”bug，而是从根本上，通过讲解HTML文档结构和CSS样式应用机制，来帮助我理解为什么会出现这些问题。比如，在讲解CSS的层叠和继承时，它通过一系列直观的例子，让我明白了不同规则的优先级是如何确定的，这样在遇到样式冲突时，我就能更有针对性地去分析原因，而不是盲目地尝试。书中还提到了浏览器的开发者工具，虽然没有深入讲解其所有功能，但它指出了开发者工具在查看元素样式、调试布局方面的作用，这让我知道原来有这么强大的工具可以辅助我。此外，它在讲解CSS的盒模型时，强调了`content`、`padding`、`border`、`margin`之间的关系，以及`box-sizing`属性的作用，这直接帮助我理解了为什么有时候元素的实际尺寸会超出预期。这本书让我意识到，很多前端问题并非是“代码写错了”，而是对基础概念理解不够深入，理解了这些，才能从源头上减少bug的产生，并且在出现问题时，能够更有效地找到解决方案。
评分接触CSS的时候，一开始是真的有点头疼。各种选择器、属性、值的组合，感觉就像在背一本字典，而且还要理解它们之间的微妙关系。这本书在CSS这部分，给了我前所未有的清晰感。它并没有一股脑地把所有CSS属性罗列出来，而是根据实际开发中遇到的场景，将相关的属性和概念进行分组讲解。比如，在讲到布局的时候，它不仅讲解了传统的`float`和`position`属性，还花了很重的篇幅去介绍Flexbox和Grid布局，并且结合大量的实际案例，让我能够直观地理解它们是如何实现响应式布局和复杂页面的。尤其是Flexbox，我之前一直觉得它是“听说过但不会用”，但看了这本书之后，我才真正明白它在垂直居中、元素对齐方面的强大之处。作者在讲解CSS选择器的时候，也是层层递进，从基础的标签选择器、类选择器、ID选择器，到后来的后代选择器、子元素选择器、相邻兄弟选择器、通用兄弟选择器，再到伪类和伪元素，每一种都配以清晰的图示和代码示例，让我能够迅速掌握它们的用法和优先级。更重要的是，它还讲解了CSS的盒模型、BFC（块级格式化上下文）等核心概念，这对于解决很多棘手的布局问题提供了理论依据。这本书的讲解方式，让我感觉像是找到了解开CSS魔方的一把钥匙，让我对CSS的学习充满了信心。
评分学习前端开发已经有一段时间了，期间也陆陆续续看了一些书，但总觉得不够系统，或者讲得太深奥，很多概念都一知半解。最近朋友推荐了一本《HTML与CSS基础教程 Web前端开发精品课》，我便迫不及待地入手了。拿到书之后，首先映入眼帘的是它精美的排版和清晰的目录结构，让人一眼就能了解到全书的脉络。我最看重的是学习的系统性，很多零散的知识点就像散落的珍珠，而这本书就像一条精美的项链，将它们一一串联起来。它并没有一开始就抛出晦涩难懂的概念，而是从最基础的HTML标签讲起，循序渐进地引导读者了解网页的构成。比如，对于初学者来说，可能会觉得`<p>`和`<div>`标签的区别有些模糊，但这本书用非常形象的比喻和生动的例子，将它们的语义和作用解释得清清楚楚。更让我惊喜的是，它还不仅仅停留在基础标签的介绍，而是巧妙地融入了语义化的HTML概念，强调了代码的可读性和可维护性，这对于养成良好的开发习惯至关重要。它还花了相当大的篇幅讲解了HTML5新增的语义化标签，如`<header>`、`<nav>`、`<article>`、`<aside>`、`<footer>`等，并解释了它们在网页结构中的具体应用，这无疑为我构建更规范、更具可访问性的网页打下了坚实的基础。总而言之，这本书就像一位耐心负责的老师，一步步引导我走进HTML的世界，让我不再感到茫然和畏惧。
评分这本书不错，我是看了基础教程过来的。
评分此用户未及时评价，系统默认好评。
评分关注这本书很长时间了，这次活动终于下手了！
评分太有帮助了 真心不错
评分此用户未及时评价，系统默认好评。
评分看了之后，觉得很实用，尤其是入门来说，讲的非常通俗易懂
评分很好的一本书
评分书的纸张很好，内容讲的也容易看懂，特别适合零基础的同学看，也可以作为一本参考书用。快递也很给力。给好评！
评分我是15年就发现了绿叶网，上面的教程真的是超级好，非常感谢站长的无私奉献，实在是获益良多，谢谢！
相关图书
本站所有内容均为互联网搜索引擎提供的公开搜索信息，本站不存储任何数据与内容，任何内容与数据均与本站无关，如有需要请联系相关搜索引擎包括但不限于百度，google,bing,sogou 等
© 2025 book.cndgn.com All Rights Reserved. 新城书站 版权所有