title: When and how do browsers render <style> tag in <body>?
body: <p>I noticed that if I place <code>&lt;style&gt;</code> inside <code>&lt;body&gt;</code> the css would be applied to all elements after and before <code>&lt;style&gt;</code> tag. </p>
  
  <p>So it looks to me that the css is processed when the page is loaded, similar behavior to javascript document ready event. Am I right? And if that is the case in which order would multiple <code>&lt;style&gt;</code> tags be processed?</p>