CSS设计彻底研究

温谦人民邮电出版社2008年

暂无评分
章节数
17
ISBN
9787115172969

标签

计算机 编程设计 前端开发盒子模型网页布局网页设计分步详解实用指南教程

内容简介

《CSS设计彻底研究》是一部深入研究和揭示 CSS 设计技术的实战型教程,由温谦(前沿科技)编著,2008年由人民邮电出版社出版,全书456页,另附一片含案例源码与教学视频的光盘。全书以“把原理讲透”为宗旨,从 (X)HTML 与 CSS 的核心基础讲起,逐步进入 CSS 最核心的机制——盒子模型,再重点剖析 CSS 布局的两大难点:标准流中的浮动与定位。与传统工具书按属性罗列的方式不同,本书采用“探索式”讲解:针对某一条规律先给出一系列动手实验,让读者自己从现象中归纳出结论,从而不仅知道该怎么做,也明白为什么会这样。在打牢原理之后,书中把网页设计中常用的元素与布局方式做了系统的分类和归纳,并给出完整的解决方案,涵盖水平、竖直、固定宽度、自适应宽度、下拉式等各种导航菜单,Tab 面板、伸缩面板与折叠面板,文字与图像排版,表格美化,以及多种圆角框实现方法。布局部分对固定宽度、可变宽度以及两者结合的多种分列布局逐一剖析,并以 CSS 禅意花园(CSS Zen Garden)的授权作品为综合案例,带领读者从整体页面的角度理解布局思路,最后落到自己的创作实践。本书内容兼顾基础语法与技术进阶,适合已经具备 HTML 与网页制作基础、希望真正吃透 CSS 布局原理的设计人员与开发者阅读,也可作为院校网页设计课程的参考读物。

编辑推荐

在 CSS 图书中,讲解属性用法的书很多,能把“为什么这样布局”讲清楚的书却很少,本书正属于后者。作者选择了最费力但也最有效的路径:用实验带读者发现问题、验证规律、得出结论。标准流、浮动、定位这些最容易让人“照着写会、换个场景就懵”的概念,在一步步动手实验中变得可以推理、可以预期。第二个亮点是它的“方案库”属性。书里把导航菜单、Tab 面板、折叠面板、圆角框、分列布局这些反复出现的需求做了归类和完整实现,读完原理后可以直接把案例改一改用到自己的项目里,对当年的网页制作工作极具效率价值。第三个亮点是 CSS 禅意花园案例的引入:同一个 HTML 结构配不同样式表,直观地展示了“结构与表现分离”的力量,也是理解整页布局思路的绝佳示范。需要说明的是,本书成书于 2008 年,正文以 CSS 2.1 时代的布局方式为主体,个别章节涉及 CSS3 与当时流行的 Spry 组件;今天读它,重点应放在盒子模型、浮动、定位与布局思维这些不会过时的底层功夫上,现代 Flex、Grid 与容器查询可另行补充学习。对希望从“会用”走向“想明白”的前端学习者,这仍是一本值得细读的经典。

适合谁读

适合

不适合

阅读建议

  1. 先读第3、4章,把盒子模型、浮动与定位手写实验做一遍,再往下读,后面章节会顺畅很多。
  2. 看书时同步打开编辑器复现案例,光盘或随书源码中的示例建议手打一遍而非直接复制。
  3. 把第15、16章的禅意花园案例当作综合练习,尝试只用 CSS 改造同一个 HTML 结构。
  4. 阅读时留意区分书中时代的写法与现代标准,遇到 CSS3、Flex、Grid 主题可另找近年资料补充。

出版社简介

人民邮电出版社 中国 · 成立于 1953 年

人民邮电出版社以科技、计算机与信息通信类图书见长,并由此延伸至摄影、艺术、软件学习与励志成长等门类,形成较为多元的出版方向。库内图书既涵盖《重构与模式(修订版)》《华为交换机学习指南(第二版)》等计算机与通信技术读物,也收录《小王子(中英法彩绘典藏纪念版)》《了不起的盖茨比》《假如给我三天光明》等双语典藏类作品;《北京十年:1980-1990》与《鬼刀 WLOP个人插画作品集》则体现其在摄影与艺术领域的布局。作者资源包括安东尼·圣埃克苏佩里、海伦·凯勒、Joshua Kerievsky、王达、张兆增与WLOP等。

目录

  1. 第1章 (X)HTML与CSS核心基础
  2. 第2章 “CSS禅意花园”作品鉴赏
  3. 第3章 深入理解盒子模型
  4. 第4章 盒子的浮动与定位
  5. 第5章 文字与图像
  6. 第6章 链接与导航
  7. 第7章 竖直排列的导航菜单
  8. 第8章 水平导航菜单
  9. 第9章 下拉菜单
  10. 第10章 表格也精彩
  11. 第11章 圆角设计
  12. 第12章 应用Spry制作高级网页组件
  13. 第13章 固定宽度布局剖析与制作
  14. 第14章 变宽度网页布局剖析与制作
  15. 第15章 “CSS禅意花园”作品研究
  16. 第16章 综合案例研究
  17. 第17章 从学习到创作

常见问题

这本书适合零基础学 CSS 吗? 不太适合。作者在前言与内容说明中明确,读者最好具备一定的 HTML 和网页设计制作基础。若完全没接触过网页制作,建议先学 HTML 结构与基本标签,再来读本书的盒子模型与布局部分。
书中的布局方法今天还有用吗? 核心部分依然有用。盒子模型、标准流、浮动与定位是理解所有现代布局方案(包括 Flex 与 Grid)的基础;而书中具体的兼容性技巧、Spry 组件等属于当年的技术环境,阅读时可只取其原理。
这本书附带的资源包含什么? 据出版信息,本书附一片光盘,内含书中案例的源码以及约 6 小时的教学视频,便于边看边做。购买二手书时需确认光盘是否随书附带。
和《CSS 权威指南》这类书有什么区别? 《CSS 权威指南》偏重属性与规范的全面参考,适合查阅;本书偏重原理推导与实战方案的归纳,适合系统学习布局思路。两者定位不同,可搭配使用。

本站为索引目录:「全网查询」由您发起、在您的浏览器中运行,所列入口均指向第三方站点,请自行判断可用性。

作者简介

温谦 作者

温谦是中文计算机技术类图书的作者,公开资料有限,其国籍、生卒年与英文名等个人信息均未见明确记载。从库内收录的九种作品来看,温谦的写作方向集中在网页设计与前端开发领域,内容多围绕 HTML、CSS、JavaScript 及其与 Vue.js、jQuery、Bootstrap 等框架和库的配合使用展开。作品以“从入门到精通”和“案例教程:在线实训版”两类形式为主,前者面向初学者系统讲解网页设计与布局的基础知识,后者则通过案例与在线实训的方式帮助读者掌握 Web 开发的实际操作。整体而言,温谦的图书偏重实践性与教学性,紧跟前端技术栈的更新,适合作为入门学习与课堂实训的参考读物。