本书介绍了前端开发的基础——HTML和CSS。
在介绍HTML内容时,采了一种作者的分类——布局类元素和功能类元素,这样便于读者厘清元素的脉络。
在介绍CSS内容时,也给出了一条清晰的主线,便于读者抓大放小,快速建立自己的知识框架。
讲解每一个知识点时,都用简洁的文字说清其功能,并配有例子。每一个例子都提供在线效果演示,从而读者有直观的感受,真正掌握一项功能的用法。
对于意向将来从事前端开发的读者,可以将本书作为学习的起点。对于正在从事前端开发的读者,可以将本书作为一本速查手册。
条清晰的主线,便于读者抓大放小,快速建立自己的知识框架
任何一个行业,在初期大都为了满足一个简单的需求,解决方法通常也是简单直接的,在初期甚至不好意思自称一行。简单如糖水店、奶茶店,最开始就是在路边支个摊,一包糖,两个暖壶,四个缸子,开张;复杂如汽车工业,最开始也仅仅是把现成的蒸汽机技术和轮子组合在一起,开张。随着需求越来越多,同行竞争越来越激烈,产品的生产工序自然也就越来越复杂。想要做好一行,越来越需要资本和经验的积累,即专业化。
但随着一件事情的步骤和参与的对象越来越多,身在其中的人往往会沉迷在细节上,忽视主要问题。这就是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 的核心知识框架,同时借助丰富的示例让初学者有一个愉悦、轻松的学习过程。
最后,特别感谢给我做饭的李女士。