From bd7e292dacd72c84eef585a21b158c3a8ab64f81 Mon Sep 17 00:00:00 2001 From: Tony Marcum Date: Wed, 14 Dec 2022 18:46:54 -0500 Subject: [PATCH 1/2] lecture 25 --- starter/03-CSS-Fundamentals/css/style.css | 46 +++++++++++++++++++++++ starter/03-CSS-Fundamentals/index.html | 12 +----- 2 files changed, 48 insertions(+), 10 deletions(-) create mode 100644 starter/03-CSS-Fundamentals/css/style.css diff --git a/starter/03-CSS-Fundamentals/css/style.css b/starter/03-CSS-Fundamentals/css/style.css new file mode 100644 index 000000000..7b23089f0 --- /dev/null +++ b/starter/03-CSS-Fundamentals/css/style.css @@ -0,0 +1,46 @@ +h1, +h2, +h3, +h4, +p, +li { + font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; +} + +h1 { + font-size: 26px; + text-transform: uppercase; + font-style: italic; +} + +h2 { + font-size: 40px; +} + +h3 { + font-size: 30px; +} + +h4 { + font-size: 20px; + text-transform: uppercase; + text-align: center; +} + +p { + font-size: 22px; + line-height: 1.5; +} + +li { + font-size: 20px; +} + +footer p { + font-size: 16px; + text-align: center; +} + +header p { + font-style: italic; +} diff --git a/starter/03-CSS-Fundamentals/index.html b/starter/03-CSS-Fundamentals/index.html index df8a623a8..727230838 100644 --- a/starter/03-CSS-Fundamentals/index.html +++ b/starter/03-CSS-Fundamentals/index.html @@ -2,19 +2,11 @@ + The Basic Language of the Web: HTML - -

📘 The Code Magazine

@@ -141,6 +133,6 @@

Related posts

-
Copyright © 2027 by The Code Magazine.
+

Copyright © 2027 by The Code Magazine.

From 8edcadb9a428cfd006cb9c8eb21d5b6415ba6571 Mon Sep 17 00:00:00 2001 From: Tony Marcum Date: Thu, 15 Dec 2022 11:18:42 -0500 Subject: [PATCH 2/2] final css fundamentals --- starter/03-CSS-Fundamentals/css/style.css | 69 ++++++++++++++++++++++- starter/03-CSS-Fundamentals/index.html | 20 ++++--- 2 files changed, 79 insertions(+), 10 deletions(-) diff --git a/starter/03-CSS-Fundamentals/css/style.css b/starter/03-CSS-Fundamentals/css/style.css index 7b23089f0..751d4b6ac 100644 --- a/starter/03-CSS-Fundamentals/css/style.css +++ b/starter/03-CSS-Fundamentals/css/style.css @@ -5,6 +5,13 @@ h4, p, li { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; + color: #444; +} + +h1, +h2, +h3 { + color: #1098ad; } h1 { @@ -36,11 +43,69 @@ li { font-size: 20px; } -footer p { +/* footer p { + font-size: 16px; + text-align: center; +} */ + +#copyright { font-size: 16px; text-align: center; } -header p { +#author { + font-style: italic; + font-size: 18px; +} + +.related-author { + font-style: italic; + font-weight: bold; + font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif; + font-size: 18px; +} + +.related { + list-style: none; +} + +.main-header { + background-color: #f7f7f7; +} + +aside { + background-color: #f7f7f7; + border-top: 5px solid #1098ad; + border-bottom: 5px solid #1098ad; +} + +.border { + border-bottom: 5px solid #3a3b3b; +} + +li:first-child { + font-weight: bold; +} + +li:last-child { font-style: italic; } + +li:nth-child(even) { + /* color: red; */ +} + +/* Style Hyperlinks */ +a:link { + color: #1098ad; + text-decoration: none; +} + +a:visited { + color: #1098ad; +} + +a:hover { + color: orangered; + font-weight: bold; +} diff --git a/starter/03-CSS-Fundamentals/index.html b/starter/03-CSS-Fundamentals/index.html index 727230838..e89ee3824 100644 --- a/starter/03-CSS-Fundamentals/index.html +++ b/starter/03-CSS-Fundamentals/index.html @@ -7,7 +7,7 @@ -
+

📘 The Code Magazine