Let's Get Started with Stylesheets!
- Login into your Code.Org account.
- Click on your name.
- Choose: My Projects
- Click on your My First Web Site project.
- Click on your
index.html
file.
- Add this line before your
<head>
tag if it is not already there:
<link rel="stylesheet" href="style.css" />
- Click on the
style.css
file.
- Add this code after Line 9:
.selected {
color: black;
text-decoration: none;
}
- Add this code after Line 7:
color: deeppink;
- Add this code after Line 14:
a {
color: deeppink;
}
- Click: Refresh and Save
- To view your changes, click on your
index.html
file.
- Add CSS code to change the
font-family
, font-size
, and color
for your <h1>
and <p>
tags.
- Add CSS code to change the
background-color
for your web page (the <body>
tag).
- Add CSS code to change the
background-color
and border
(use border: 2px ridge yellow; background-color: yellow;
) for your <hr />
tags.
- Click: Refresh and Save
- To view your changes, click on your
index.html
file.