2 files changed, 22 insertions, 0 deletions
diff --git a/HTML/Chapter/Ch. 4 Hands-on assignments/Ch4_msglm/mycascade/4.7.index.html b/HTML/Chapter/Ch. 4 Hands-on assignments/Ch4_msglm/mycascade/4.7.index.html
new file mode 100644
index 0000000..6be2f7f
--- /dev/null
+++ b/HTML/Chapter/Ch. 4 Hands-on assignments/Ch4_msglm/mycascade/4.7.index.html
@@ -0,0 +1,18 @@
+<!--I just discovered my editor has an auto-indentor for html. Never realized it supported HTML/XML as well. I guess everything I make will have proper indentations too.-->
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>The Cascade in Action</title>
+        <meta charset="utf-8">
+        <link rel="stylesheet" href="4.7.site.css">
+        <style>
+body { 
+    color: #0000FF; 
+}
+        </style>
+    </head>
+    <body>
+        <p>this paragraph applies the external and embedded styles &mdash; note hwo the blue text color that is configured in the embedded styles takes precedence over the black text color configured in the external stylesheet.</p>
+        <p style="color: #FF0000">inline styles configure this paragraph to have red text and take precedence over the embedded and external styles.</p>
+    </body>
+</html>
diff --git a/HTML/Chapter/Ch. 4 Hands-on assignments/Ch4_msglm/mycascade/4.7.site.css b/HTML/Chapter/Ch. 4 Hands-on assignments/Ch4_msglm/mycascade/4.7.site.css
new file mode 100644
index 0000000..b9f18c5
--- /dev/null
+++ b/HTML/Chapter/Ch. 4 Hands-on assignments/Ch4_msglm/mycascade/4.7.site.css
@@ -0,0 +1,4 @@
+body { 
+    background-color: #FFFFCC; /*Now this is a good looking color!*/
+    color: #000000; 
+}