Mini-Exercise: Personalize Your Class Site

To become familiar with CSS stylesheets and links, we’ll add CSS to our personal class sites.

In your class site repository folder create a new folder titled “css”. In Sublime text, create a new file and save it as “style.css” within this folder.

In your css folder, add the following code:

body { background: pink; }

And save the file.

In your the index.html file at the “root” of your class site repository, add the following code:

<link rel="stylesheet" type="text/css" href="css/style.css">  

This will link the CSS file you just created to your index.html file. If everything is done correctly, your page should now be pink! Try changing at least 3 properties on 2 tags on your page. You can find a list of CSS properties here.

---

Continue to play around with the styling of your personal landing page to personalize it to your tastes and aesthetics.