Learn core CSS principles, explore layout creation, and refine skills in typography and styling.

Web Page Styling—CSS

In this module, we’ll introduce you to the essentials of CSS. We’ll learn about core concepts such as the cascade and inheritance. We’ll cover various CSS units and dive into fundamental principles like the box model, margins, padding, and fonts. We’ll also teach you about flexible layouts using display properties and CSS positioning techniques. Additionally, you’ll explore backgrounds, colors, images, and practical examples to solidify your understanding. By the end of this module, you will be able to confidently create well-structured web pages.

Getting Started with CSS

1. Generic font family names are keywords. Thus, they should **NOT** be quoted. e.g: **this is wrong:**
```css
	/* WRONG
  */
  font-family: Verdana "sans-serif"
  
```

2. Providing the generic font family name at the end of the list provides a fallback mechanism. i.e if the initial fonts specified aren't available, there's a fallback! 

3. Below are fonts you can feel confident using. i.e you can be sure the user has them installed. Pre-installed on their Operating System.


> **Windows:**  _Arial, Lucida, Impact, Times New Roman, Courier New, Tahoma, Comic Sans, Verdana, Georgia, Garamond_

> **Mac:** _Helvetica, Futura, Bodoni, Times, Palatino, Courier, Gill Sans, Geneva, Baskerville, Andale Mono_  

4. The list of fallback fonts is generally called a `font-stack` 


5. Enclose font names in quotation marks, if they contain spaces. e.g:

Some very important points to note when working with type in CSS.

Getting Started with CSS

CSS Core Concepts

CSS Units

CSS Fundamentals

Unlocking Flexible Layouts with CSS Display

CSS Positioning

Typography in CSS

Backgrounds and Colors

Images and Floats in CSS

Conclusion