Skip to content

Commit a47ee8c

Browse files
June LeeJune Lee
June Lee
authored and
June Lee
committed
css complete
1 parent 6eef0bb commit a47ee8c

2 files changed

Lines changed: 33 additions & 6 deletions

File tree

‎css/exercises/index.html‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,19 @@
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width">
66
<title>CSS Exercises</title>
7-
<link href="style.css" rel="stylesheet" type="text/css" />
7+
<link href="styles.css" rel="stylesheet" type="text/css" />
8+
89
</head>
910
<body>
1011
<script src="script.js"></script>
1112
<!-- You do not need to do anything with script.js right now! Later, we will learn how to add JavaScript to websites! --->
12-
<h1>My Very Cool Web Page</h1>
13-
<h2>Why this Website is Very Cool</h2>
14-
<ol>
13+
<h1 class = "center">My Very Cool Web Page</h1>
14+
<h2 class = "center">Why this Website is Very Cool</h2>
15+
<ol id="list-color">
1516
<li>I made it!</li>
1617
<li>This website is colorful!</li>
1718
</ol>
18-
<h2 id="cool-text">Why I love Web Development</h2>
19+
<h2 class = "center" id="cool-text">Why I love Web Development</h2>
1920
<p>Web Development is a very cool skill that I love learning!</p>
2021
<p>I love making websites because all I have to do is reload the page to see the changes I have made!</p>
2122
</body>

‎css/exercises/styles.css‎

Lines changed: 27 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,27 @@
1-
/* Start adding your styling below! */
1+
body {
2+
background-color: gold;
3+
4+
}
5+
6+
p {
7+
color: mediumseagreen;
8+
9+
}
10+
11+
h1 {
12+
font-size: 36px;
13+
14+
}
15+
16+
.center {
17+
text-align: center;
18+
}
19+
20+
#cool-text {
21+
22+
color: cornflowerblue
23+
}
24+
25+
#list-color {
26+
color: cornsilk;
27+
}

0 commit comments

Comments
 (0)