Skip to content

Commit

Permalink
Ch. 33 - CSS Theory jonasschmedtmann#3: The CSS Box Model
Browse files Browse the repository at this point in the history
  • Loading branch information
FrankGecko committed Jul 29, 2023
1 parent 29a36c1 commit 4b8bff8
Show file tree
Hide file tree
Showing 2 changed files with 15 additions and 0 deletions.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
15 changes: 15 additions & 0 deletions starter/03-CSS-Fundamentals/notes/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -165,6 +165,21 @@ <h2>Ch. 32 CSS Theory #2: Inheritance and the Universal Selector</h2>
can conflict with other selectors.
</p>
</article>

<article>
<h2>Ch. 34 CSS Theory #3: The CSS Box Model</h2>
<p>
The box model defines how elements are displayed, and sized on a webpage.
</p>
<img src="img/element_height_and_width_calculation.png">
<ul>
<li><strong>Content Area</strong>: text, images, etc.</li>
<li><strong>Padding</strong>: Invisible space around the inside of the element.</li>
<li><strong>Border</strong>: A line around the eleent, still inside the element.</li>
<li><strong>Margin</strong>: Space outside of the element, between elements.</li>
<li><strong>Fill Area</strong>: Its the content area and padding area. This area gets filled with a background color or image.</li>
</ul>
</article>
</article>
</body>
</html>

0 comments on commit 4b8bff8

Please sign in to comment.