{
  "node_id": "web-1f5e2adb3efc477eaf72b5563287ff34",
  "keywords": [],
  "children": [
    {
      "关于CSS的那件小事": {
        "keywords": [],
        "children": [],
        "keywords_must": [],
        "keywords_forbid": [],
        "node_id": "web-889da58fe4174ac48fda26b765465e0d"
      }
    },
    {
      "CSS的核心概念": {
        "keywords": [],
        "children": [
          {
            "语法、层叠和特殊性（specificity）": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-fb6ea066ba4b4d20a52844f7105ba84e"
            }
          },
          {
            "框模型（Box Model）": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-2d12a453d9e340be886704e07c28fd6f"
            }
          },
          {
            "可视化格式模型（visual formatting model）": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-2b0556b070c749b7b256646c622608fb"
            }
          },
          {
            "表格": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-d74ab6cf08e849aa98c6ce0c5398ad6d"
            }
          }
        ],
        "keywords_must": [],
        "keywords_forbid": [],
        "node_id": "web-e2255c6295774da4bea9a31a676727e5"
      }
    },
    {
      "CSS 3选择器增强": {
        "keywords": [],
        "children": [
          {
            "属性选择器的妙用": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-6b4020800b254f83b2f8a27915344d4e"
            }
          },
          {
            "强大的结构性伪类（Structural pseudo-classes）": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-2b24896982544246bd69140e759ca1ca"
            }
          },
          {
            "其他选择器": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-02e206c5eedc4264a6d51b7acb4602d9"
            }
          },
          {
            "CSS 4中的选择器": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-eee14e5143d9428a8452d03b4f065b1f"
            }
          }
        ],
        "keywords_must": [],
        "keywords_forbid": [],
        "node_id": "web-60d6eb00dcd44487a87e7218ddae7cb2"
      }
    },
    {
      "和图片说再见": {
        "keywords": [],
        "children": [
          {
            "背景和边框": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-eff334fbe12c4789b08013a07d934d9a"
            }
          },
          {
            "渐变和阴影": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-bb329fa00fc64d1c8da6f095773c6c66"
            }
          },
          {
            "自定义字体": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-19e84f481caa43d4a3ae07e17f7d28d1"
            }
          }
        ],
        "keywords_must": [],
        "keywords_forbid": [],
        "node_id": "web-f05c0f7db6a74095a67292457a9056d7"
      }
    },
    {
      "CSS 3布局之道": {
        "keywords": [],
        "children": [
          {
            "炒冷饭--负边距与浮动": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-e32f164f8c5b4f9aa4c565113313ec53"
            }
          },
          {
            "栅格系统与多列布局": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-5902bd17197e48f9b5f4916b12c559d3"
            }
          },
          {
            "弹性盒布局（Flexible Box）": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-c7b082283cd64b0eb8b96b73e9af006b"
            }
          }
        ],
        "keywords_must": [],
        "keywords_forbid": [],
        "node_id": "web-c9d94cee21b64dcaaf18a4b033d7b029"
      }
    },
    {
      "动起来": {
        "keywords": [],
        "children": [
          {
            "CSS变形（CSS transform）": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-6d4a6482f5eb49198e5f64a02ede4267"
            }
          },
          {
            "CSS过渡（CSS Transitions）": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-d678e76851fd4308a95b051130beff95"
            }
          },
          {
            "CSS动画（CSS Animations）": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-49c43273a5604bc9beb0e00dcfa0b452"
            }
          }
        ],
        "keywords_must": [],
        "keywords_forbid": [],
        "node_id": "web-accc0c2d3ce34a8f9af5ba568ebe2299"
      }
    },
    {
      "响应式设计基础": {
        "keywords": [],
        "children": [
          {
            "从两栏布局开始说起": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-acab0d1b5e6a4bd09994010edb731cb5"
            }
          },
          {
            "从media到media queries": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-09abc29c8e6f4a1798436f56888a65fb"
            }
          },
          {
            "响应式栅格系统": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-bedeadf406e04c25b350e1cf86e36e03"
            }
          },
          {
            "移动优先（mobile first）理念": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-b3c547109fe74710ad55ff0e342083a7"
            }
          },
          {
            "另一种思路：后端模板输出的优化": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-f20cffd7efbb492fb7117045e93d5117"
            }
          },
          {
            "其他细节": {
              "keywords": [],
              "children": [],
              "keywords_must": [],
              "keywords_forbid": [],
              "node_id": "web-252a7d28597e49df8cdaad3019ef09ad"
            }
          }
        ],
        "keywords_must": [],
        "keywords_forbid": [],
        "node_id": "web-d0440ffb6561493a844f156d8ad2e335"
      }
    }
  ],
  "export": [],
  "keywords_must": [],
  "keywords_forbid": []
}