Learn Create Your Own Split Screen

Next Page

Why the dot?
<style> .happy {background-color:green} .angry {background-color:orange; color:red} .yelling {font-size: 150%} </style>

It's just a piece of syntax the inventors of CSS created so we can distinguish between, for example, the tag called button, versus a class whose name is button.

Really, it's best to choose class names that don't correspond to HTML tag names.

And remember to always use a dot in front of class names in the <style> section.