任何一个行业，在初期大都为了满足一个简单的需求，解决方法通常也是简单直接的，在初期甚至不好意思自称一行。简单如糖水店、奶茶店，最开始就是在路边支个摊，一包糖，两个暖壶，四个缸子，开张；复杂如汽车工业，最开始也仅仅是把现成的蒸汽机技术和轮子组合在一起，开张。随着需求越来越多，同行竞争越来越激烈，产品的生产工序自然也就越来越复杂。想要做好一行，越来越需要资本和经验的积累，即专业化。
.
但随着一件事情的步骤和参与的对象越来越多，身在其中的人往往会沉迷在细节上，忽视主要问题。这就是Web开发领域目前的现状。越来越多的需求，越来越多的功能，加上初期设计时并没有考虑那么多，导致当今的Web标准有很多逻辑不自洽的地方。没有一以贯之的逻辑，则意味着Web开发是一个很依赖经验的领域，然而这对初学者是很不友好的。我依然记得自己初学Web开发时完全不知道从何开始，东一榔头西一棒子，往往是知道自己想干什么，但就是不知道怎么转化成代码。多次碰壁后，我从一个极端转到另一个极端，误以为只要知道每个Web开发标准的细节就可以精通Web开发，我开始一句一句地研究W3C文档，哪怕看不懂也要硬着头皮看下去，结果当然是更受挫败，这就像学写文章从字典开始一页一页研究一样荒唐。
.
知识一旦脱离了应用场景就会变得晦涩、空洞，且知识本身也满足“二八定律”——80%的应用场景只会用到20%的知识，而那20%恰恰是核心、最接近常识的知识。Web的核心功能是信息的分享，而最高效的分享方式就是文字。HTML作为内容的载体是早于CSS和JavaScript出现的。有了文字，我们自然就会想给文字排版，添加装饰。这样就出现了样式专用的HTML标签和属性，可以为元素添加简单的样式。既然可以添加样式，我们就“得寸进尺”想要更多复杂的样式。一些样式可以通过重复、嵌套、错用实现，如行列、重叠效果等，而一些样式则完全无法实现，如变幻、动画等。这促使我们进一步思考样式和内容的关系，进而意识到样式和内容在性质上完全不同，也就不应该写在一起。这才第一次出现了CSS的概念，将内容与样式完全区别对待。正是因为区别对待让HTML和CSS能在互不干扰的情况下各自发展，所以顾虑少了，气顺了，发展得也更快了。
.
无论HTML与CSS怎么变，都无外乎是为了传达信息。HTML是内容的载体（或格式），用于限制内容的结构；CSS是内容的“化妆盒”，负责内容的视觉效果。视觉效果的核心是布局，布局的核心是位置和大小，剩下的就是基于位置和大小的装饰，仅此而已。“抓大放小”是提高学习效率的关键。
.
本书的目标是，为自学Web开发初学者建立一套HTML与CSS的核心知识框架，同时借助丰富的示例让初学者有一个愉悦、轻松的学习过程。
最后，特别感谢给我做饭的李女士。
表严肃
2020年8月
