You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p><strong>Question:</strong> Does margin-top or margin-bottom has effect on inline elemet?</p>
162
+
<p><strong>Answer:</strong> no.</p>
163
+
<p><strong>Question:</strong> Does padding-top or padding-bottom has effect on inline elemet?</p>
164
+
<p><strong>Answer:</strong> no.</p>
165
+
</div>
166
+
<divid="scopped">
167
+
<h2>6. rem</h2>
168
+
<p><strong>Question:</strong>If you have a <p> element with font-size: 10rem, will the text be responsive when the user resizes / drags the browser window?</p>
169
+
<p><strong>Answer:</strong> no.</p>
170
+
Note: google it and read about it.
171
+
ref:
172
+
</div>
173
+
<divid="http_request">
174
+
<h2>7. David Shariff </h2>
175
+
<p><strong>Question:</strong> The pseudo class :checked will select inputs with type radio or checkbox, but not <option> elements.</p>
176
+
<p><strong>Answer:</strong> False</p>
177
+
<p><strong>Question:</strong> In a HTML document, the pseudo class :root always refers to the <html> element.</p>
178
+
<p><strong>Answer:</strong> True</p>
179
+
<p><strong>Question:</strong> The translate() function can move the position of an element on the z-axis.</p>
<p><strong>Question:</strong> What are optional closing tag? and why would u use it?</p>
208
-
<p><strong>Answer:</strong> p, li, td, tr, th, html, body, etc. you dont have to provide end tag. whenever browser hits a new tag it automatically ends the previous tag. However, you have to be careful to escape it.</p>
209
-
<p><strong>reason:</strong> you can save some byte and reduce bytes needs to be downloaded in a html file.</p>
232
+
</div>
233
+
<divid="optional_tag">
234
+
<h2>9. applied rule-2</h2>
235
+
<p><strong>Question:</strong> What will happen to the position of #example?</p>
210
236
<pre><code>
211
-
<p>Some text<br/><p>Some more text<br/><ul><br/><li>A list item<br/> <li>Another list item<br/></ul>
<p> the above html will be parsed as the following blocks.</p>
239
+
<p><strong>Answer:</strong> All elements succeeding #example will move 5px updward.</p>
240
+
<p><strong>reason:</strong> .</p>
214
241
<pre><code>
215
-
<p>Some text</p><br/><p>Some more text</p><br/><ul><br/> <li>A list item</li><br/> <li>Another list item</li><br/></ul>
216
-
</code></pre>
217
-
<p>ref: <a href="http://www.w3.org/TR/REC-html40/index/elements.html">W3.org: index of elements</a> </p>
<p><strong>Answer:</strong> #example will move 5px left.</p>
245
+
<p>ref: <ahref="">David Shariff</a></p>
246
+
</div>
219
247
220
-
<!-- <div id="div_span">
221
-
<h2>10. span vs div</h2>
222
-
<p><strong>Question:</strong> What is the difference between span, div?</p>
223
-
<p><strong>Answer:</strong> div is a block element and span is inline element.</p>
224
-
<p><strong>Extra:</strong> it is illegal to put block element inside inline element. div can have a p tag and a p tag can have a span. However, span can't have a div or p tag inside.</p>
225
-
<p>ref: <a href="http://stackoverflow.com/questions/183532/what-is-the-difference-between-html-tags-div-and-span">Stackoverflow: div vs span</a> </p>
226
-
</div> -->
227
-
<!-- <div id="div_section_article">
228
-
<h2>11. div, section & article</h2>
229
-
<p><strong>Question:</strong> When should i prefer div over section and vice versa?</p>
230
-
<p><strong>Answer:</strong> <br><section> means that the content inside is grouped (i.e. relates to a single theme), and should appear as an entry in an outline of the page. A section normally has a heading (title) and maybe a footer too. It’s a chunk of related content, like a subsection of a long article, a major part of the page (eg the news section on the homepage), or a page in a webapp’s tabbed interface.</p>
231
-
<p><div>, on the other hand, does not convey any meaning, aside from any found in its class, lang and title attributes.</p>
232
-
<p><article>, represents a complete, or self-contained, composition in a document, page, application, or site and that is, in principle, independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.</p>
<p><strong>Extra:</strong> Authors are strongly encouraged to view the div element as an element of last resort, for when no other element is suitable. Use of more appropriate elements instead of the div element leads to better accessibility for readers and easier maintainability for authors.</p>
<p><strong>Question:</strong> What are the difference between svg and canvas?</p>
240
-
<p><strong>Answer:</strong> <a href="http://www.sitepoint.com/how-to-choose-between-canvas-and-svg/">Read this one.</a> (I am tired of copy-pasting)</p>
241
-
</div> -->
248
+
<divid="div_span">
249
+
<h2>10. download resources</h2>
250
+
<p><strong>Question:</strong> On page load, will mypic.jpg get downloaded by the browser?</p>
<p><strong>Question:</strong> Does overflow: hidden create a new block formatting context?</p>
271
+
<pre><code>
272
+
<style><br/> div {<br/> overflow: hidden;<br/> }<br/> p {<br/> float: left;<br/> }<br/></style><br/><div><br/> <p>I am floated</p><br/> <p>So am I</p><br/></div><br/>
273
+
</code></pre>
274
+
<p><strong>Answer:</strong> yes</p>
275
+
</div>
242
276
<!-- <div id="mtuli_lang">
243
277
<h2>13. multiple languages</h2>
244
278
<p><strong>Question:</strong> How to serve a page content in multiple languages?</p>
0 commit comments