We can associate styles with particular IDs or classes. This styling information can be placed right into the HTML file. If you look inside this "box" in the HTML file (look for for_students/01-02-03.html), you will see a <style> tag, as well as things that use it.

The style information (look in the HTML file!) says that anything with a "redText" class should be dark red. Like this span. Styles allow us to make a lot of things that share properties, like these words and this word as well.

If you're looking at this HTML in Visual Studio Code (or some other IDEs), when you read it you will see colors and other information shown with the styles.

The styles are written in a language called CSS. Usually, we do not put CSS right into our HTML, we put them into separate files (.CSS files) and we link to those style sheets using an html "link" tag. The CSS file for this page is 01-02-03.css

See if you can figure out why this text has one color, but, this text has another color! You should be able to change the colors by editing the style sheet file.

We will use style sheets to change the appearance of things besides text. In the "01-02-03.css" style sheet, there's a definition for the box below. Try to experiment with it to change how it looks.