出版社： 人民邮电出版社
ISBN：9787115432957
版次：1
商品编码：11976565
品牌：异步图书
包装：平装
开本：小16开
出版时间：2016-09-01
用纸：胶版纸
页数：230
正文语种：中文
具体描述
产品特色
编辑推荐
通俗易懂 案例简洁形象，生动剖析晦涩难懂的知识点。 直击要点 规避思维误区，为初学者打牢基础保驾护航。 全面培养 讲透基础知识，亦注重开发技巧与思维锻炼。 精简浓缩 精炼核心内容，为读者节省学习时间与成本。 在线辅助 结合网站资源，强化书本学习并拓展新知识。内容简介
本书内容结合笔者在前后端大量开发中的实战经验，系统化知识，浓缩精华，用通俗易懂的语言直击学习者的痛点。通过本书，能让你从“野生网页设计师”水平提升达到“真正前端工程师”水平。 全书分为两大部分：首部分是HTML进阶内容，主要介绍HTML高级技巧和HTML语义化；第二部分是CSS进阶内容，主要介绍CSS开发技巧、代码规范、性能优化、属性本质、重要概念（如包含块、BFC和IFC等）。 除了知识讲解，教程还融入了大量的开发案例，更加注重编程思维的培养，并且提供学习者一个流畅的学习思路。作者简介
莫振杰，2011~2015就读于暨南大学信科院计算机科学与技术专业，从事前后端开发一年多，开发过绿叶学习网、广州智能工程研究会网站、大量在线应用工具，业余时间阅读大量国内外技术书籍。现为绿叶学习网（http：//www。lvyestudy。com）的站长，该网站用于分享自己在前后端开发中的一些经验，并且制作相关前后端开发的在线教程。这些在线教程在互联网引起广泛关注，极大受到网友推崇。本人编写过大量原创在线教程，每一个教程广受网友称赞与推崇。目录
第一部分 HTML进阶第01章 HTML基础知识
1．1 HTML和CSS进阶简介 2
1．1．1 你真的精通HTML和CSS吗 2
1．1．2 进阶教程简介 3
1．2 HTML、XHTML和HTML5 3
1．2．1 HTML和XHTML 3
1．2．2 HTML5 4
1．3 div和span 6
1．4 id和class 7
1．4．1 id属性 7
1．4．2 class属性 7
1．5 浏览器标题栏小图标 8
第02章 语义化
2．1 语义化简介 10
2．2 标题语义化 12
2．3 图片语义化 14
2．3．1 alt属性和title属性 14
2．3．2 figure元素和figcaption元素 15
2．4 表格语义化 16
2．5 表单语义化 19
2．5．1 label标签 20
2．5．2 fieldset标签和legend标签 21
2．6 其他语义化 22
2．6．1 换行符
22
2．6．2 无序列表ul 24
2．6．3 strong标签和em标签 25
2．6．4 del标签和ins标签 25
2．6．5 img标签 26
2．7 语义化验证 26
2．8 HTML5舍弃的标签 27
第二部分 CSS进阶
第03章 CSS基础知识
3．1 CSS单位 30
3．1．1 绝对单位 30
3．1．2 相对单位 31
3．2 CSS特性 37
3．2．1 继承性 37
3．2．2 层叠性 39
3．3 CSS优先级 40
3．3．1 引用方式冲突 41
3．3．2 继承方式冲突 41
3．3．3 指定样式冲突 42
3．3．4 继承样式和指定样式冲突 44
3．3．5 !important 45
3．4 CSS引入方式 47
3．4．1 外部样式表 48
3．4．2 内部样式表 48
3．4．3 行内样式表 50
3．5 CSS选择器 51
3．5．1 后代选择器 51
3．5．2 子代选择器 52
3．5．3 兄弟选择器 54
3．5．4 相邻选择器 55
第04章 CSS规范
4．1 CSS规范简介 58
4．2 命名规范 59
4．2．1 CSS文件命名 59
4．2．2 id和class命名 59
4．3 书写规范 62
4．4 注释规范 65
4．4．1 顶部注释 65
4．4．2 模块注释 65
4．4．3 简单注释 65
4．5 CSS reset 66
4．5．1 什么是CSS reset 66
4．5．2 为什么要用CSS reset 66
4．5．3 如何使用CSS reset 67
第05章 盒子模型
5．1 CSS盒子模型 70
5．2 深入border 73
5．2．1 性能差异 74
5．2．2 兼容差异 74
5．3 深入padding 74
5．4 外边距叠加 76
5．4．1 外边距叠加的三种情况 77
5．4．2 外边距叠加的意义 78
5．5 负margin技术 79
5．5．1 负margin简介 79
5．5．2 负margin技巧 82
5．6 overflow 86
第06章 display属性
6．1 块元素和行内元素 90
6．1．1 块元素 90
6．1．2 行内元素 92
6．2 display简介 93
6．2．1 块元素 93
6．2．2 inline元素 93
6．2．3 inline-block元素 94
6．3 display：none 95
6．3．1 display：none简介 95
6．3．2?“display：none”和
“visibility：hidden”的区别 96
6．4 display：table-cell 98
6．4．1 图片垂直居中于元素 98
6．4．2 等高布局 100
6．4．3 自动平均划分元素 102
6．5 去除inline-block元素间距 103
第07章 文本效果
7．1 文本效果简介 107
7．2 深入text-indent 108
7．3 深入text-align 111
7．3．1 text-align起作用的元素 112
7．3．2?“text-align：center;”与
“margin：0 auto;”的区别 113
7．4 深入line-height 113
7．4．1 line-height的定义 113
7．4．2 line-height取值 115
7．5 深入vertical-align 118
7．5．1 vertical-align属性取值 119
7．5．2 vertical-align属性应用 121
第08章 表单效果
8．1 表单效果简介 126
8．2 深入radio和checkbox 127
8．3 深入textarea 128
8．3．1 固定大小，禁用拖动 129
8．3．2 在chrome、Firefox和IE实现
相同的外观 131
8．4 表单对齐 132
第09章 浮动布局
9．1 正常文档流 136
9．1．1 正常文档流 136
9．1．2 脱离文档流 138
9．2 深入浮动 139
9．3 浮动的影响 142
9．3．1 对自身的影响 142
9．3．2 对父元素影响 143
9．3．3 对兄弟元素的影响 144
9．3．4 对子元素的影响 148
9．4 浮动的负作用 150
9．5 清除浮动 152
9．5．1 clear：both 152
9．5．2 overflow：hidden 154
9．5．3 ：：after伪元素 155
第10章 定位布局
10．1 深入定位 157
10．1．1 子元素相对父元素定位 157
10．1．2 子元素相对祖先元素定位 160
10．2 z-index属性 162
第11章 CSS图形
11．1 CSS图形简介 165
11．2 三角形 166
11．2．1 CSS实现三角形的原理 166
11．2．2 带边框的三角形 168
11．3 圆 172
11．3．1 CSS实现圆角 172
11．3．2 CSS实现半圆和圆 175
11．3．3 border-radius派生
子属性 177
11．4 椭圆 177
第12章 性能优化
12．1 CSS优化简介 180
12．2 属性缩写 181
12．2．1 盒模型缩写 181
12．2．2 背景缩写 183
12．2．3 字体缩写 184
12．2．4 颜色值缩写 184
12．3 语法压缩 185
12．3．1 空白符 185
12．3．2 结尾分号 186
12．3．3 url的引号 186
12．3．4 属性值为0 187
12．3．5 属性值为以0开头的小数 187
12．3．6 合并相同的定义 187
12．3．7 利用继承进行合并 188
12．4 压缩工具 190
12．5 图片压缩 191
12．5．1 JPEG、PNG和GIF 191
12．5．2 图片压缩 191
12．6 高性能的选择器 191
12．6．1 选择器在浏览器的解析
原理 192
12．6．2 不同选择器的解析速度 192
第13章 CSS技巧
13．1 水平居中 194
13．1．1 文字的水平居中 194
13．1．2 元素的水平居中 195
13．2 垂直居中 198
13．2．1 文字的垂直居中 198
13．2．2 元素的垂直居中 200
13．3 CSS Sprite 203
13．4 Icon Font图标 206
13．4．1 iconfont网站 207
13．4．2 icon font技术 209
第14章 重要概念
14．1 CSS中的重要概念 214
14．2 包含块 214
14．2．1 什么是包含块 214
14．2．2 包含块的判定以及包含块的
范围 215
14．3 层叠上下文 216
14．3．1 什么是层叠上下文？ 216
14．3．2 什么是层叠级别？ 217
14．3．3 层叠上下文的特点 218
14．4 BFC和IFC 220
14．4．1 基本概念 220
14．4．2 什么是BFC 221
14．4．3 BFC的用途 223
后记
掌控像素的艺术：现代网页视觉构建的深入解析 在数字时代，信息传播与情感表达的载体——网页，其视觉呈现的专业性已成为衡量一个网站成功与否的关键要素。本书并非旨在传授基础的HTML与CSS语法，而是聚焦于那些能让你的网页设计脱颖而出，真正触动用户内心的进阶技艺。我们将深入探索现代前端开发中，HTML与CSS如何协同工作，构建出既美观又兼具用户体验的精妙界面。 超越基础：HTML的语义化构建与现代结构 尽管本书不包含基础HTML标签的讲解，但我们将深入剖析HTML5带来的革命性变化，以及如何利用其语义化标签构建更具可访问性、搜索引擎友好度和可维护性的网页结构。你将学会如何超越 `
` 和 `` 的滥用，转而运用 ``、``、`
用户评价
评分
作为一个在前端开发领域摸爬滚打了几年，终于决定要系统性地提升一下自己的HTML和CSS技能的开发者，我一直在寻找一本能够真正触及精髓、带来突破的进阶教程。市面上同类书籍繁多，有的过于浅显，有的又过于理论化，让人望而却步。《Web前端开发精品课 HTML与CSS进阶教程》这本书，在我看来，就像是为我量身打造的救星。它没有像某些入门书籍那样，仅仅停留在“如何写一个div”、“如何设置颜色”的层面，而是深入到了我们日常开发中常常会遇到却又难以完美解决的那些细节。比如，在响应式布局这块，它没有简单地罗列媒体查询的用法，而是详细分析了不同设备尺寸下，元素应该如何弹性伸缩，以及如何利用flexbox和grid布局实现真正优雅的响应式设计，让网页在手机、平板、桌面端都能有出色的视觉效果和用户体验。对于CSS的性能优化，这本书也给出了非常实用的建议，比如如何避免不必要的重绘和回流，如何合理地组织CSS文件，甚至是一些高级的CSS技巧，如CSS变量、CSS自定义属性的使用，这些都能极大地提升前端开发的效率和项目的可维护性。总而言之，这本书的内容深度和广度都恰到好处，既有理论的支撑，又有实践的指导，让我感觉自己不再是停留在表面的“搬砖工”，而是朝着更专业的方向迈进了一大步。
评分
作为一名对网页美学和用户交互有着不懈追求的开发者，《Web前端开发精品课 HTML与CSS进阶教程》这本书，在我眼中，简直是一本“武功秘籍”。它并没有满足于教你实现静态页面的基本需求，而是将焦点放在了如何通过HTML和CSS创造出更具动态感、更符合现代用户期望的网页体验。比如，关于CSS的过渡（transition）和动画（animation）部分，书中不仅仅是简单地罗列了属性，而是深入剖析了它们的工作原理，提供了大量生动形象的案例，让我能够轻松地为网页元素添加平滑的过渡效果，实现各种炫酷的交互动画，如平滑的淡入淡出、元素的平移、缩放等，让网页“活”了起来。此外，书中对于CSS的排版和响应式设计也有非常独到的见解。它详细讲解了如何利用CSS Grid和Flexbox实现复杂的页面布局，以及如何针对不同屏幕尺寸优化布局和内容呈现，确保了用户在任何设备上都能获得最佳的浏览体验。书中还强调了可访问性（accessibility）的重要性，教导我们如何编写符合WCAG标准的HTML和CSS，这对于构建包容性的网络应用至关重要，也让我重新审视了代码的意义。这本书确实让我对前端视觉呈现和交互设计有了更深层次的理解和实践能力。
评分
我一直对前端技术抱有极大的热情，尤其是在HTML结构和CSS样式这两大基石上，总希望能够达到炉火纯青的境界。《Web前端开发精品课 HTML与CSS进阶教程》这本书，真的让我对这两者有了全新的认识。它不仅仅是教你语法，更重要的是教你“为什么”要这么做，以及“如何”做得更好。举个例子，书中关于语义化HTML的讲解，让我深刻理解了不仅仅是为了SEO，更是为了可访问性和代码的可读性。它列举了大量实际场景，告诉你什么时候应该用`<nav>`，什么时候用`<article>`，什么时候用`<aside>`，以及它们之间细微的差别和最佳实践，这远比我之前只是简单地用`<div>`包裹一切来得更有深度。在CSS方面，我对书中的“CSS BEM规范”和“OOCSS（面向对象的CSS）”等模块化开发思想印象深刻。这些规范化的方法论，彻底改变了我过去混乱的CSS书写习惯，让我的代码结构更加清晰，易于维护和扩展，大大降低了团队协作的难度。而且，书中关于CSS的性能优化也给了我很多启发，例如如何利用CSS动画代替JavaScript动画，如何优化选择器，这些看似细小的点，在大型项目中却能带来巨大的性能提升。这本书就像一个经验丰富的老前辈，一步步引导我跨越了那些曾经让我头疼的CSS难题。
评分
我一直认为，优秀的开发者不仅要能写出功能性的代码，更要写出优雅、可维护、高性能的代码。《Web前端开发精品课 HTML与CSS进阶教程》这本书，恰恰满足了我对“优雅”的追求。它深入探讨了CSS的命名规范和组织方式，比如，它详细讲解了SMACSS（Scalable and Modular Architecture for CSS）等模块化CSS架构的思想，以及如何利用它们来构建一个易于扩展和维护的大型CSS项目。这对我过去那种“想到哪写到哪”的随意编写方式，无疑是当头棒喝。书中还分享了大量关于CSS性能优化的实用技巧，包括如何减少DOM节点，如何优化选择器，如何合理使用CSS属性（比如避免使用`position: absolute`和`fixed`过于频繁），以及如何利用工具来检测和分析CSS性能瓶颈。这些内容对于我正在参与的大型项目来说，简直是雪中送炭。更让我惊喜的是，书中还涉及了Web Components的一些初步概念，以及如何通过HTML和CSS与之结合，来构建更具复用性和封装性的组件。这本书不仅仅是一本技术手册，更像是一本前端开发的“设计哲学”书，它引导我从更宏观的角度去思考代码的组织和优化，让我受益匪浅。
评分
非常满意，书籍很实用，内容很详细，字迹清晰，对于学习有很大的帮助
评分
看了站长的基础教程来的!给大家推荐一下绿叶学习网，零基础学习真的很棒！
评分
还记得你说家是唯一的城堡
评分
这本书现在在看，对我的工作有用处
评分
很好的一本书，推荐给大家买啦
评分
我们是不是该知足
评分
京东我的选择，物美价廉，优品多多，快递给力。
评分
为什么人要这么的脆弱堕落
评分
午后吉它在虫鸣中更清脆
老实说，我一直觉得HTML和CSS是前端开发中最基础、最容易被轻视的部分，但《Web前端开发精品课 HTML与CSS进阶教程》这本书，彻底颠覆了我的认知。它让我看到了这两个“基础”背后蕴含的巨大能量和无限可能性。我尤其欣赏书中关于CSS预处理器（如Sass/Less）和PostCSS的讲解。在过去，我可能只是偶尔使用一些简单的变量，但这本书让我系统地了解了预处理器的强大之处，比如嵌套、混入（mixin）、函数等，这些都能极大地提高CSS的可维护性和开发效率。同时，它还介绍了PostCSS及其插件，这让我能够利用现代化的CSS特性，并将其转换为浏览器兼容的版本，甚至实现一些CSS-in-JS的优化思路。此外，书中对CSS怪癖（quirks）和浏览器兼容性问题的处理方法也提供了宝贵的经验。它不仅仅是列举了几个常见的兼容性问题，而是深入分析了问题产生的根源，并提供了经过实践检验的解决方案，这对于避免我们踩坑，提高开发效率非常有帮助。这本书让我意识到，精通HTML和CSS，才能真正筑牢前端开发的地基，才能在更高级的技术领域走得更远。