HTML 5与CSS 3核心技法(全彩)
  • 推荐0
  • 收藏0
  • 浏览0

HTML 5与CSS 3核心技法(全彩)

郑海浪 (作者) 

  • 书  号:978-7-121-40089-6
  • 出版日期:2020-12-11
  • 页  数:296
  • 开  本:16(170*240)
  • 出版状态:上市销售
纸质版 ¥109.00
本书介绍了前端开发的基础——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 的核心知识框架,同时借助丰富的示例让初学者有一个愉悦、轻松的学习过程。
最后,特别感谢给我做饭的李女士。

目录

第1章 写在前面
1.1 本书约定
1.2 在线查看示例效果
1.3 前后端开发
1.3.1 前端开发是怎么回事?
1.3.2 JavaScript和前端开发是什么关系?
1.3.4 后端开发是怎么回事
1.4 一张网页的是怎么加载出来的?
1.5 服务器端和客户端
1.5.1 服务器端
1.5.2 客户端
1.6 HTML和CSS的关系
1.6.1 HTML是骨架
1.6.2 CSS是皮肤
.
.
........HTML篇
.
第2章 HTML语法
2.1 元素——构成网页的基本单位
2.2 元素的属性——元素自身携带的功能和特性
2.3 注释——给代码添加的备注信息
2.4 本章小结
.
第3章 布局类元素——房子的楼板、柱子和大梁
3.1 布局元素必要的基础
3.1.1 ——最外层的元素,包含网页的全部内容
3.1.2 ——包含给机器看的内容
3.1.3 ——包含给人看的内容
3.2 其他布局元素
3.2.1

——结构级别的容器
3.2.2
——用于包裹页面的主体内容
3.2.3