Introduction of CSS
Lesson 2: Introduction to CSS
Styling and Designing the Web
If HTML is the skeleton of a website, CSS (Cascading Style Sheets) is the paint, the furniture, and the wardrobe. It is the language we use to tell the browser exactly how our HTML elements should look—from their colors and fonts to their spacing and position on the screen.
What We’ll Cover:
-
The Syntax: Understanding how to write rules using Selectors, Properties, and Values.
-
Colors & Backgrounds: Learning how to apply hex codes, RGB, and named colors to text and page sections.
-
Typography: Choosing fonts, adjusting sizes, and controlling text alignment for better readability.
-
The Box Model: The most important concept in CSS—understanding how padding, borders, and margins affect every element.
-
External vs. Internal: How to link a
.cssfile to your HTML to keep your code clean and organized.
Key Learning Outcomes:
By the end of this lesson, you will transform a plain, black-and-white text page into a visually engaging layout. You’ll learn how to “target” specific parts of your page to change their appearance without affecting the rest of the site.
Why “Cascading”? The term refers to how CSS rules fall from one level to another. If multiple rules apply to the same element, CSS has a specific “hierarchy” to decide which one wins!