由浅入深，内容全面
从基础知识到应用实战，对设计、构建和部署现代网站所需的知识进行了详细阐述，既是一本学习指南，又是一本实战手册。
通俗易懂，快速上手
内容通俗易懂，既适合网站开发的初学者，也适合经验丰富的开发人员。
理论与实践的完美结合
除了主要的知识阐述之外，本书还包含大量的练习，以帮助测试读者对当前对知识的理解和掌握程度，并扩展所学的理论知识。本书还有大量的实例来帮助读者实践所学技能，以尽快上手部署一个网站。

这是一本讲解如何基于三项核心技能（编写和编辑HTML、使用CSS控制页面设计、创建高效的Web布局）设计、构建和部署现代网站的实战性手册。
?通过阅读本书，你将学习：
?为网站添加高级样式CSS Flexbox和CSS Grid
?安装和配置静态站点生成器Jekyll
?模板系统和编程语言入门
?掌握网页设计的关键布局原则
?使用自定义URL、电子邮件地址注册和配置自定义域
?将简单但实用的网站部署到实时网络上。
?本书通过针对性的练习来帮助读者掌握设计、构建和部署现代网站的重点知识，读者无须学习HTML、CSS和网页布局的所有“知识”，只要跟随本书，便能高效地运用它们来解决实际问题。

前言<br />第一部分  超文本标记语言<br />第1章  HTML基础2<br />1.1  HTML介绍3<br />1.2  HTML标签3<br />1.3  启动项目6<br />1.4  第一个标签8<br />1.5  HTML框架10<br />第2章  填充首页15<br />2.1  标题15<br />2.2  文本格式化16<br />2.3  链接19<br />2.4  添加图片22<br />第3章  添加页面与标签28<br />3.1  关于HTML的HTML页面28<br />3.2  表格30<br />3.3  div和span35<br />3.4  列表39<br />3.5  导航菜单40<br />第4章  内联样式44<br />4.1  文本样式45<br />4.2  浮动48<br />4.3  应用外边距50<br />4.4  更多外边距技巧52<br />4.5  盒子样式设计53<br />4.6  导航样式55<br />4.7  尝试CSS57<br />4.8  小结60<br />第二部分  CSS与Web布局<br />第5章  CSS简介64<br />5.1  成为前端开发人员64<br />5.2  CSS概述67<br />5.3  示例网站设置70<br />5.4  开启样式设计的大门73<br />5.5  CSS选择器78<br />第6章  样式风格81<br />6.1  命名81<br />6.2  何时和为什么83<br />6.3  优先级和特异性86<br />6.4  如何成为一名优秀的样式设计师88<br />第7章  CSS值：颜色与尺寸97<br />7.1  CSS颜色97<br />7.2  尺寸介绍101<br />7.3  像素102<br />7.4  百分比104<br />7.5  em108<br />7.6  rem112<br />7.7  vh，vw：新时代的产物114<br />7.8  使网页美观117<br />第8章  盒子模型119<br />8.1  内联元素与块级元素119<br />8.2  外边距、内边距和边框123<br />8.3  浮动元素128<br />8.4  关于overflow样式的更多信息133<br />8.5  内联块136<br />8.6  盒子外边距139<br />8.7  内边距146<br />8.8  边框的乐趣147<br />第9章  布局157<br />9.1  布局基础知识157<br />9.2  Jekyll158<br />9.3  布局、includes和页面161<br />9.4  布局文件163<br />9.5  CSS文件和重置164<br />9.6  includes介绍：Head和Header172<br />9.7  高级选择器177<br />9.8  定位182<br />9.9  固定Header193<br />9.10  页脚，包含在includes中195<br />第10章  页面模板和frontmatter205<br />10.1  模板内容205<br />10.2  没有比首页更合适的地方了207<br />10.3  更高级的选择器214<br />10.4  其他页面，其他文件夹223<br />第11章  flexbox专业Web布局226<br />11.1  让正文填满容器228<br />11.2  flex垂直对齐232<br />11.3  flexbox样式选项和简写法235<br />11.4  三栏布局239<br />11.5  图库stub242<br />第12章  添加博客248<br />12.1  添加博客文章249<br />12.2  循环博客索引内容257<br />12.3  博客文章页面262<br />第13章  移动媒体查询268<br />13.1  移动端设计268<br />13.2  移动端适配273<br />13.3  移动端视口279<br />13.4  下拉菜单281<br />13.5  移动端下拉菜单288<br />第14章  添加更多小细节295<br />14.1  自定义字体295<br />14.2  favicon303<br />14.3  自定义标题和meta描述305<br />14.4  下一步310<br />第15章  CSS 网格布局311<br />15.1  高级的CSS网格布局311<br />15.2  一个简单的内容网格314<br />15.3  minmax、auto-fit和auto-fill320<br />15.4  网格线、网格区域和网格布局328<br />15.5  内部网格346<br />15.6  结论367<br />第三部分  自定义域<br />第16章  自定义域名370<br />16.1  注册自定义域名370<br />16.2  Cloudflare设置373<br />16.3  GitHub Pages上的自定义域377<br />第17章  自定义电子邮件385<br />17.1  Google电子邮件385<br />17.2  MX记录387<br />17.3  网站分析389<br />17.4  结论391