added download resources for display none

Author: khan4019

css.html

@@ -332,15 +332,18 @@ <h2>13. media queries</h2>
   <p><strong>Answer:</strong> Browser's Viewport</p>
   <p>ref: <a href="http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/">how to use media queries</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries">css media queries</a>, <a href="http://www.w3.org/TR/css3-mediaqueries/#media0">W3: media queries</a></p>
 </div>
+<div id="div_span">
+  <h2>13. something</h2>
+</div>
 <div id="mtuli_lang">
-  <h2>13. pre processor</h2>
+  <h2>14. pre processor</h2>
   <p><strong>Question:</strong> Have you used any preprocessor? What are the reasons to use preprocessor?</p>
-  <p><strong>Answer:</strong> .</p>
+  <p><strong>Answer:</strong> learn sass or pass away.</p>
 
   ref: <a href="http://www.frontendjournal.com/most-common-technical-interview-question-for-frontend-developers/">most common interview questions</a>
 </div>
 <div id="download_order">
-  <h2>14. applied rule</h2>
+  <h2>15. show & tell</h2>
   <p><strong>Question:</strong> What is the color of text sausage for he following rule?</p>
   <strong>html:</strong>
   <pre><code>
@@ -393,50 +396,47 @@ <h2>14. applied rule</h2>
 &lt;style&gt;<br/>  #example {<br/>    margin-left: -5px;<br/>  }<br/>&lt;/style&gt;<br/>&lt;&lt;p id=&quot;example&quot;&gt;Hello&lt;/p&gt;p id=&quot;example&quot;&gt;Hello&lt;/p&gt;
   </code></pre> 
   <p><strong>Answer:</strong> #example will move 5px left.</p>
-  ref: <a href="http://davidshariff.com/quiz/">David Shariff: quiz</a>
-</div>
-
-<div id="div_span">
-  <h2>15. download resources</h2>
+  <h3>download resources</h3>
+  <p><strong>Question:</strong> On page load, will mypic.jpg get downloaded by the browser?.</p>
+  <pre><code>
+&lt;style&gt;<br/>  #test2 {<br/>    background-image: url('mypic.jpg');<br/>    display: none;<br/>  }<br/>&lt;/style&gt;<br/>&lt;div id=&quot;test1&quot;&gt;<br/>    &lt;span id=&quot;test2&quot;&gt;&lt;/span&gt;<br/>&lt;/div&gt;
+  </code></pre>
+  <p><strong>Answer:</strong> yes.</p>
   <p><strong>Question:</strong> On page load, will mypic.jpg get downloaded by the browser?</p>  
   <pre><code>
 &lt;style&gt;<br/>  #test1 {<br/>    display: none;<br/>  }<br/>  #test2 {<br/>    background-image: url('mypic.jpg');<br/>    visibility: hidden;<br/>  }<br/>&lt;/style&gt;<br/>&lt;div id=&quot;test1&quot;&gt;<br/>    &lt;span id=&quot;test2&quot;&gt;&lt;/span&gt;<br/>&lt;/div&gt;
   </code></pre>
   <p><strong>Answer:</strong> No.</p>  
-  <p><strong>reason:</strong> .</p>
-  <p>ref: <a href="">might add css question 18 in david shariff</a> </p>
+  
+  ref: <a href="http://davidshariff.com/quiz/">David Shariff: quiz</a>
 </div>
 
 
+
+
 <div>
 
 <h2>temporary list of questions</h2>
 <ul>  
   <li>opacity <a href="http://www.youtube.com/watch?v=iYdfj0XxoMY">paul irish</a></li>
-  <li>transition 3D</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>@import/li>
-  <li>sprites</li>
-  <li>difference display:none and visibility:hidden</li>
+  <li>@import</li>
+  <li>sprites</li>  
   <li>:after and :before</li>
   <li>pseudo classes</li>
   <li>vertical align center</li>
 </ul>
   <h2>References</h2>
   <ul>
-    <li><a href=""></a></li>
     <li><a href="http://css-tricks.com/interview-questions-css/">very good: css tricks</a></li>
     <li><a href="https://github.com/johnpolacek/Front-end-Developer-Interview-Questions/blob/master/README.md">decent in github</a></li>
     <li><a href="https://github.com/darcyclarke/Front-end-Developer-Interview-Questions">just the list of questions</a></li>
     <li><a href="http://www.frontendjournal.com/most-common-technical-interview-question-for-frontend-developers/">some basic: float clear</a></li>
     <li><a href="http://www.codeproject.com/Articles/702051/40-important-HTML-5-Interview-questions-with-answe">40 important HTML interview questions (basic css question)</a></li>
-    <li><a href="http://www.getallfix.com/2012/11/web-developer-interview-questions-ui-developer-interview-questions-most-common-web-developer-interview-questions/">some old css question</a></li>
-    <li><a href=""></a></li>
-    <li><a href=""></a></li>
-    <li><a href=""></a></li>
+    <li><a href="http://www.getallfix.com/2012/11/web-developer-interview-questions-ui-developer-interview-questions-most-common-web-developer-interview-questions/">some old css question</a></li>    
   </ul>
 
 </div>