`, the font will be blue and size 12. Each formatting declaration is separated by a `;` First you indicated which formatting property you want to set and then after the `:` you provide the value ``` p { color: red; text-align: center; } ```

> For the complete documentation index, see [llms.txt](https://computational-thinking-in-room11.gitbook.io/room-112-dhs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://computational-thinking-in-room11.gitbook.io/room-112-dhs/css/untitled.md).

# CSS Intro & File Set Up

Cascading Style Sheets

CSS Controls how HTML elements appear on the page and save time by allowing you to make  and store formatting designs on document that can be re-used for several websites.

CSS Style Sheets do NOT contain any content - they only contain formatting information&#x20;

Create a new document in your notepad&#x20;

```
This block is evidence of all the mistakes that Mrs. Wright made
```

ave this file  as `style1.css` in the HTML folder on your desktop

![Image from W3 Schools](https://2507214486-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LpUPSf3tCxHePJxNjfg%2F-Lye0wWvWGZVmBqZ1gSk%2F-Lye13Qzy75QTePkgN63%2Fimage.png?alt=media\&token=977811db-a7bd-42c2-a6a5-70df9a26d68b)

**Selector**: Which tag are we developing the formatting for. In the example - we are indicated that every time we use `<h1>`, the  font will be blue and size 12.&#x20;

Each formatting declaration is separated by a `;`

First you indicated which formatting property you want to set and then after the `:` you provide the value

```
p  {
    color: red;
    text-align: center;
    }
```