Skip to content

Commit 7d8b1c6

Browse files
committed
ch. 27 working with colors
1 parent e1af53a commit 7d8b1c6

File tree

4 files changed

+22
-0
lines changed

4 files changed

+22
-0
lines changed
Loading
Loading
Loading

starter/03-CSS-Fundamentals/notes/index.html

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -238,6 +238,9 @@ <h3 class="chapter-sub-section-heading">Why use classes over IDs?</h3>
238238

239239
<article class="chapter">
240240
<h2 class="chapter-heading">Ch. 27 Working with Colors</h2>
241+
<img src="img/ch26_the_rgb_model.png" alt="The RGB Model" class="lecture-slide">
242+
<img src="img/ch26_defining_colors_in_css.png" alt="Defining Colors in CSS" class="lecture-slide">
243+
<img src="img/ch26_shades_of_grey.png" alt="Shades of Grey" class="lecture-slide">
241244
<p>
242245
When multiple of the same style is applied to an element, the last one
243246
is taken (more later).
@@ -264,6 +267,25 @@ <h2 class="chapter-heading">Ch. 27 Working with Colors</h2>
264267
A short-hand property is a special property that can be used to define
265268
multiple properties in a single declaration.
266269
</p>
270+
<article class="chapter-sub-section">
271+
<h3 class="chapter-sub-section-heading">New Properties</h3>
272+
<ul>
273+
<li><code>border</code></li>
274+
<li><code>border-color</code></li>
275+
<li><code>border-style</code></li>
276+
<li><code>border-width</code></li>
277+
<li><code>border-top</code></li>
278+
<li><code>border-top-color</code></li>
279+
<li><code>border-top-style</code></li>
280+
<li><code>border-top-width</code></li>
281+
<li><code>border-right</code></li>
282+
<li>...</li>
283+
<li><code>border-bottom</code></li>
284+
<li>...</li>
285+
<li><code>border-left</code></li>
286+
<li>...</li>
287+
</ul>
288+
</article>
267289
</article>
268290

269291
<article class="chapter">

0 commit comments

Comments
 (0)