anchor.diff:    * An element that would be a Shadow DOM host in native encapsulation has a
       generated `_nghost` attribute. This is typically the case for component host elements.
       
  -  * 如果一个元素在原生包装方式下将成为Shadow DOM的宿主，那么它将被自动添加上一个`_nghost`属性。
  +  * 一个元素在原生包装方式下可能是Shadow DOM的宿主，在这里被自动添加上一个`_nghost`属性。
       这是组件宿主元素的典型情况。
       
     * An element within a component's view has a `_ngcontent` attribute 
     that identifies to which host's emulated Shadow DOM this element belongs.
     
  -  * 组件视图中的每一个元素，都有一个`_ngcontent`属性，它会标记出这个元素属于哪个Shadow DOM宿主。
  +  * 组件视图中的每一个元素，都有一个`_ngcontent`属性，它会标记出该元素是哪个宿主的模拟Shadow DOM。
     
     The exact values of these attributes are not important. They are automatically
     generated and we never refer to them in application code. But they are targeted
     by the generated component styles, which we'll find in the `<head>` section of the DOM:
     
  -  这些属性的精确值并不重要。它们是自动生成的，并且我们永远不会在程序代码中直接引用到它们。
  +  这些属性的具体值并不重要。它们是自动生成的，并且我们永远不会在程序代码中直接引用到它们。
     但它们会作为生成的组件样式的目标，就像我们在DOM的`<head>`区所看到的：
     
   code-example(format="").
  
positive.code:     This is essentially the same as pasting the component's styles into the HTML.
    * `None`意味着Angular不使用视图包装。
      Angular会把CSS添加到全局样式中。而不会应用上前面讨论过的那些局限化规则、隔离和保护等规则。
      从本质上来说，这跟把组件的样式直接放进HTML是一样的。
      
    Set the components encapsulation mode using the `encapsulation` property in the component metadata:
    
  
negative.code:   
    它的实现方式之一，是在组件的元数据中设置`styles`属性。
    `styles`属性可以接受一个包含CSS代码的字符串数组。
    通常我们只给它一个字符串就行了，如同下例：
    
  +makeExample('component-styles/ts/app/hero-app.component.ts')(format='.')
  
  :marked
    Component styles differ from traditional, global styles in a couple of ways.
    
    组件样式在很多方面都不同于传统的全局性样式。
    
    Firstly, the selectors we put into a component's styles *only apply within the template
    of that component*. The `h1` selector in the example above only applies to the `<h1>` tag
  