added shadow DOM

Author: khan4019

css.html

@@ -286,11 +286,12 @@ <h2>13. pre processor</h2>
 
   ref: <a href="http://www.frontendjournal.com/most-common-technical-interview-question-for-frontend-developers/">most common interview questions</a>
 </div>
-<!-- <div id="standard_quirks">
-  <h2>14. standar & quirks mode</h2>
-  <p><strong>Question:</strong> Difference between standard mode and quirks mode?</p>
-  <p><strong>Answer:</strong> quriks mode in browser allows u to render page for as old browsers. This is for backward compatibility.</p> 
-</div> -->
+<div id="standard_quirks">
+  <h2>14. shadow DOM</h2>
+  <p><strong>Question:</strong> What is shadow DOM?</p>
+  <p><strong>Answer:</strong> encapsulate part of a DOM. hide subtree.</p>
+  <p>ref: <a href="http://www.w3.org/TR/shadow-dom/#introduction">W3: shadow-DOM</a>, <a href="http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom/">html5rock: shadow DOM</a></p> 
+</div>
 <!-- <div id="semantic_html">
   <h2>15. semantic</h2>
   <p><strong>Question:</strong> What is semantic HTML?</p>
@@ -301,17 +302,13 @@ <h2>15. semantic</h2>
 <div>
 
 <h2>temporary list of questions</h2>
-<ul>
-  <li>explain css box model</li>
+<ul>  
   <li>explain shadow DOM</li>
-  <li>text effect in css3</li>
-  <li>css specificity</li>
-  <li>reset css</li>
-  <li>difference between em and px. whar are other measuring units</li>
+  <li>text effect in css3</li>  
+  <li>reset css</li>  
   <li>what is filter? why would u use it?</li>
   <li>what is conditional css</li>
-  <li>what is overflow in css</li>
-  <li>difference between relative and absolute positioning</li>
+  <li>what is overflow in css</li>  
   <li>@import/li>
   <li>sprites</li>
   <li>difference display:none and visibility:hidden</li>