一、书的格式和约定

  • 一共 47 篇攻略，收入于 7 章之中，每篇攻略内容相互独立
  • 每篇攻略分成两个或多个部分，第一部分叫做“难题”，引入问题后会给出多个解决方案。

书中的所有 JavaScript 都是原生 JS，只用到一个工具函数 —— $$()

  1. function $$(selector,context){
  2.     context = context || document
  3.   let elements = document.querySelectorAll(selector)
  4.   return Array.prototype.slice(elements)
  5. }

一些栏目解读：

  • 小花絮：介绍 CSS 特性背后的故事和趣闻
  • 试一试：一个在线示例
  • 相关规范：攻略的末尾都会有
  • 关于未来：聊一聊未来的解决方案

二、CSS 编码技巧

  • 尽量减少代码重复
  • 相信你的眼睛，而不是数字
  • 合理使用简写

一个 button 按钮的属性

  1. padding: .3em .8em;
  2. border: 1px solid #446d88;
  3. background: #58a linear-gradient(#77a0bb, #58a);
  4. border-radius: .2em;
  5. box-shadow: 0 .05em .25em gray;
  6. color: white;
  7. text-shadow: 0 -.05em .05em #335166;
  8. font-size: 125%;
  9. line-height:1.5;

「@浪里淘沙的小法师」