anchor.diff:        Users of module bundlers like Webpack may also use the `styles` attribute
         to load styles from external files at build time. They could write:
   
  -      像Webpack这类模块打包器的用户可能会使用`styles`属性来在构建时从外部文件中加载样式。它们可能这样写：
  +      像 Webpack 这类模块打包器的用户可能会使用`styles`属性来在构建时从外部文件中加载样式。它们可能这样写：
   
         `styles: [require('my.component.css')]`
   
  
positive.code:   it from inside the component with other selectors, because it is not part of the
    component's own template. It is in a parent component's template.
    
    这是我们能以宿主元素为目标的*唯一*方式。除此之外，我们将没办法指定它，因为宿主不是组件自身模板的一部分，而是父组件模板的一部分。
  
    Use the *function form* to apply host styles conditionally by
    including another selector inside parentheses after `:host`.
  
negative.code:       loading CSS in this manner.
  
        注意，这时候我们是在设置`styles`属性，**而不是**`styleUrls`属性！
        是模块打包器在加载 CSS 字符串，而不是 Angular。
        Angular 看到的只是打包器加载它们之后的 CSS 字符串。
        对 Angular 来说，这跟我们手写了`styles`数组没有任何区别。
        要了解这种 CSS 加载方式的更多信息，请参阅相应模块打包器的文档。
  
  :marked
    ### Template Link Tags
  
    ### 模板中的 link 标签
  
    We can also embed `<link>` tags into the component's HTML template. 
    
    我们也可以在组件的 HTML 模板中嵌入`<link>`标签。
  
    As with `styleUrls`, the link tag's `href` URL is relative to the
    application root, not relative to the component file.
    
    像`styleUrls`标签一样，这个 link 标签的`href`指向的 URL 也是相对于应用的根目录的，而不是组件文件。
  
  +makeExample('component-styles/ts/app/hero-team.component.ts', 'stylelink')
    
  :marked
    ### CSS @imports
  
    ### CSS @imports
  
    We can also import CSS files into our CSS files by using the standard CSS
    [`@import` rule](https://developer.mozilla.org/en/docs/Web/CSS/@import).
    
    我们还可以利用标准的 CSS [`@import`规则](https://developer.mozilla.org/en/docs/Web/CSS/@import)来把其它
    CSS 文件导入到我们的 CSS 文件中。
  
  block css-import-url
    :marked
      In *this* case the URL is relative to the CSS file into which we are importing.
  
      在*这种*情况下，URL 是相对于我们执行导入操作的 CSS 文件的。
  
  +makeExample('component-styles/ts/app/hero-details.component.css', 'import', 'app/hero-details.component.css (excerpt)')
  
  