Everything until now was plain HTML. Now we want to add styling, what we do with CSS. Let's take the SVG from before, we have already added some stylings, like the color of the elements or the stroke-width of the line.
This SVG looks like the one before, but all the styles are now in the style-tag in the head-tag. Look at the code!
CSS Selectors
To associate the styles with the individual HTML tags, we can use various selectors:
.class - A dot before the name creates a CSS class that can be added to different elements with a class="classname" attribute.
#id - A hash accesses an element that has a specific id that can be added with an ID attribute: id="element-id".
element - selects all tags with the name. e.g. p selects all p-tags