Skip to content

Commit 18a5636

Browse files
committed
added text preprocessor
1 parent f2508b9 commit 18a5636

File tree

1 file changed

+6
-5
lines changed

1 file changed

+6
-5
lines changed

css.html

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -316,8 +316,9 @@ <h2>7. specificity </h2>
316316

317317
<div id="mark">
318318
<h2>8. box model</h2>
319-
<p><strong>Question:</strong> Why you should care aobut css box model?</p>
320-
<p><strong>Answer:</strong> everything in a web page is a box where you can control size, position, background, etc. Each box/content area is optionally surrounded by padding, border and margin. When you set height and widht of an element, you set content height and width</p>
319+
<p><strong>Question:</strong> What is css box model?</p>
320+
<p><strong>Answer:</strong> everything in a web page is a box where you can control size, position, background, etc. Each box/content area is optionally surrounded by padding, border and margin. When you set height and widht of an element, you set content height and width.</p>
321+
<p>Technically, height, width, padding and border are part of box model and margin is related to it.</p>
321322
<p>ref: <a href="http://www.w3.org/TR/CSS21/box.html">W3: box model</a>, <a href="http://css-tricks.com/the-css-box-model/">css box model</a></p>
322323
<div>
323324
<button id = "boxModel" type="button" class="toggleExample btn btn-primary">show example</button>
@@ -480,10 +481,10 @@ <h2>18. sprite</h2>
480481
</div>
481482
<div id="mtuli_lang">
482483
<h2>19. pre processor</h2>
483-
<p><strong>Question:</strong> Have you used any preprocessor? What are the reasons to use preprocessor?</p>
484-
<p><strong>Answer:</strong> learn sass or pass away.</p>
484+
<p><strong>Question:</strong> What are the reasons to use preprocessor?</p>
485+
<p><strong>Answer:</strong> you write css in high level with some special syntax (declaring variable, nested syntax, mathmetical operations, etc.) and that is compiled to css. Preprocessor helps you to speed up develop, maintain, ensure best practices and also confirms concatenation, compression, etc.</p>
485486

486-
ref: <a href="http://www.frontendjournal.com/most-common-technical-interview-question-for-frontend-developers/">most common interview questions</a>
487+
ref: <a href="http://css-tricks.com/musings-on-preprocessing/">css preprocessor</a>, <a href="https://developers.google.com/chrome-developer-tools/docs/css-preprocessors">working with preprocessor</a>
487488
</div>
488489
<div id="download_order">
489490
<h2>20. show & tell</h2>

0 commit comments

Comments
 (0)