This reading introduces CSS as a stylesheet language, explains how it separates visual presentation from HTML structure, and covers how to apply styles using inline, internal, and external methods, serving as a learner's first conceptual foundation for the module.
Topics
This module covers 6 topics. Open a topic to see its subtopics.
Module Content
14 items.
-
-
This reading explains CSS selectors — including type, class, ID, attribute, and pseudo-class selectors — and how specificity determines which rules win when multiple rules conflict, helping learners precisely target HTML elements for styling.
-
This reading covers the CSS Box Model, explaining how every HTML element is rendered as a rectangular box composed of content, padding, border, and margin, so learners can accurately control spacing, sizing, and layout behaviour.
-
This reading covers CSS typography properties (font family, size, weight, line height, spacing) and color tools (named colors, hex, RGB, HSL, and background colors), enabling learners to style text and establish a visual hierarchy on web pages.
-
This reading covers CSS layout techniques including normal flow, the display property, Flexbox, and CSS Grid, teaching learners how to arrange and align page elements beyond the browser's default document flow.
-
This reading guides learners through combining selectors, the box model, typography, color, and pseudo-classes into a cohesive stylesheet for a complete, multi-section web page, serving as an integrative capstone lesson for the module.
-
This reading guides learners through combining selectors, the box model, typography, color, and pseudo-classes into a cohesive stylesheet for a complete, multi-section web page, serving as an integrative capstone lesson for the module.
-
A reading that introduces CSS as the presentation language layered on top of HTML, covering rule syntax (selectors, properties, values), how styles are attached to a page, and how browsers apply them, serving as the opening lesson of the module.
-
A lesson explaining CSS selectors — element/type, class, and ID selectors plus ways of combining them — so learners can accurately target the elements they want to style.
-
A reading on the CSS box model that breaks down content, padding, border, and margin and shows how these layers determine an element's size and spacing on the page.
-
A lesson on typography and color properties, including font-family, font-size, font-weight, line-height, text-align, and color value formats, with attention to readability and contrast.
-
A reading on CSS layout that moves from normal document flow and block/inline behavior to positioning and modern tools such as Flexbox for arranging elements on a page.
-
A capstone-style lesson that combines selectors, the cascade, typography, color, the box model, and Flexbox to style an entire page with a single external stylesheet.
-
The combined full-module document that compiles all six CSS topics into one continuous reading for review or printing.