Elements and Class Selectors
Learn about elements, class selectors, and how they are used for styling.
That’s it for this chapter! Here are a few conclusions and a summary of what we’ve learned.
HTML
-
HTML elements flow on a web page (web document), like the words flow on a novel page.
-
This is what a normal document flow looks like:
Press + to interact
-----------------| ------------> || ------------> || ------------> || ------------> || ------------> |-----------------
- Normal document flow means that elements flow top-to-bottom and left-to-right
Here’s a diagram of the normal document flow we’d have with only divs:
Press + to interact
-----------------------------| <div>..............</div> || <div>..............</div> || <div>..............</div> || <div>..............</div> || <div>..............</div> || <div>..............</div> || <div>..............</div> || <div>..............</div> |-----------------------------
- Regardless of how long the text content inside a div is,