CSS works by targetting HTML elements and giving them a list of style instructions. If you think about it, any particular part of a design could be described by how it looks.
Thimble has already created a CSS stylesheet called style.css. Currently, there is an instruction there that is updating the font family.
Let's add another instruction, this time to the h1 elements, to change the look of your app name.
We use colons at the end of the style property we want to set, and semi-colons at the end of each line to tell the browser we’ve finished.
We need to tell the browser to read our CSS file. It doesn’t magically know it’s there. When the browser loads the app, it downloads just one file: our index.html. So, it’s important we tell it to read any new files we use.
Back in your index.html you can see that Thimble has already created a link to this style.css file.
HTML uses the
link element to point to our new file. We tell the browser it’s a stylesheet and use the "href" attribute to give it the location of our file.