Created test.css and horrible styles from video

Maikeeee · Oct 16, 2020 · bce0698 · bce0698
1 parent daab10a
commit bce0698
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 0 deletions.
diff --git a/css/test.css b/css/test.css
@@ -0,0 +1,30 @@
+
+body{
+	background-color: lightgray;
+}
+h1 {
+	font-size: 30px;
+	color: teal;
+}
+
+h2 {
+	font-size: 20px;
+	color: green;
+
+}
+
+.big{
+	font-size: 40px
+}
+.uppercase{
+	text-transform: uppercase;
+}
+
+.big.uppercase{
+
+	color: navy;
+}
+
+h1 span{
+	color: blue;
+}
diff --git a/img/.DS_Store b/img/.DS_Store
diff --git a/style-test.html b/style-test.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Style Test</title>
+	<link rel="stylesheet" type="text/css" href="css/test.css"></head>
+<body>
+	<span>Span element</span>
+	<h1 class="uppercase"><span> Heading 1 - 1</span></h1>
+	<h1 class="big"> Heading 1 - 2</h1>
+	<h1> Heading 1 - 3</h1>
+	<h2 class="big uppercase"> Heading 2 - 1</h2>
+	<h2> Heading 2 - 2</h2>
+	<h3 style="font-size: 15px; color: hotpink;"> Heading 2 - 3</h2>
+
+</body>
+</html>
+
+
+
+