【现货速发】HTML 5与CSS 3核心技法

任何一个行业，在初期大都为了满足一个简单的需求，解决方法通常也是简单直接的，在初期甚至不好意思自称一行。简单如糖水店、奶茶店，开始就是在路边支个摊，一包糖，两个暖壶，四个缸子，开张；复杂如汽车工业，开始也仅仅是把现成的蒸汽机技术和轮子组合在一起，开张。随着需求越来越多，同行竞争越来越激烈，产品的生产工序自然也就越来越复杂。想要做好一行，越来越需要资本和经验的积累，即专业化。

.

但随着一件事情的步骤和参与的对象越来越多，身在其中的人往往会沉迷在细节上，忽视主要问题。这就是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月

本书介绍了前端开发的基础——HTML和CSS。

在介绍HTML内容时，采了一种作者的分类——布局类元素和功能类元素，这样便于读者厘清元素的脉络。

在介绍CSS内容时，也给出了一条清晰的主线，便于读者抓大放小，快速建立自己的知识框架。

.

讲解每一个知识点时，都用简洁的文字说清其功能，并配有例子。

每一个例子都提供在线效果演示，从而读者有直观的感受，真正掌握一项功能的用法。

.

对于意向将来从事前端开发的读者，可以将本书作为学习的起点。对于正在从事前端开发的读者，可以将本书作为一本速查手册。

表严肃

“表严肃教育”“月光评级”创始人。

在技术与教育领域深耕多年，以对技术的深刻认识和通俗易懂的讲解方式为广大网友所喜爱。

本书介绍了前端开发的基础——HTML和CSS。

在介绍HTML内容时，采了一种作者的分类——布局类元素和功能类元素，这样便于读者厘清元素的脉络。

在介绍CSS内容时，也给出了一条清晰的主线，便于读者抓大放小，快速建立自己的知识框架。

.

讲解每一个知识点时，都用简洁的文字说清其功能，并配有例子。

每一个例子都提供在线效果演示，从而读者有直观的感受，真正掌握一项功能的用法。

.

对于意向将来从事前端开发的读者，可以将本书作为学习的起点。对于正在从事前端开发的读者，可以将本书作为一本速查手册。

表严肃

“表严肃教育”“月光评级”创始人。

在技术与教育领域深耕多年，以对技术的深刻认识和通俗易懂的讲解方式为广大网友所喜爱。