title: What is the reason for including <style amp-boilerplate>
body: <p>I found the following <a href="https://github.com/ampproject/amphtml/blob/master/spec/amp-boilerplate.md" rel="noreferrer">CSS boilerplate code</a> required to use AMP. What does it do?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code> &lt;style amp-boilerplate&gt;body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}&lt;/style&gt;&lt;noscript&gt;&lt;style amp-boilerplate&gt;body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}&lt;/style&gt;&lt;/noscript&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>Can anyone know the reason for including above css code in AMP pages ?</strong></p>
  
  <p>and </p>
  
  <p><strong>Can I write <code>&lt; style amp-boilerplate="amp-boilerplate"&gt;</code> instead of <code>&lt; style amp-boilerplate&gt;</code> ?</strong></p>