# Structure for Styling

Structure for Styling: Structure Elements: header, nav, main, section and footer, Hooks for CSS: the class and id Attributes.

Updated: November 10, 2026

1. [Structure Elements: header, nav, main, section and footer](https://www.ask-codey.com/lessons/css-html-structure-elements) (Novice): Structure elements such as header, nav, main and footer label the big parts of a page by what they are, which helps people using screen readers, search engines, and you when you style each part.
2. [Hooks for CSS: the class and id Attributes](https://www.ask-codey.com/lessons/css-html-class-and-id) (Novice): The class attribute gives a label that many elements can share and the id attribute names one element, and together they are the hooks CSS uses to style exactly the parts you mean.

Source: https://www.ask-codey.com/courses/css-in-depth/topics/css-structure-for-styling