# CSS
## Cascading Style Sheets, Why?
**HTML** has been designed to describe a **document's content but not it's display**.
{% hint style="danger" %}
Formatting tags (``, ` `, ``) should not be used.
{% endhint %}
{% hint style="success" %}
CSS should be used instead.
**Separation of Concerns:** CSS allows separation of content and design.
{% endhint %}
## CSS is quite powerful
{% embed url="" %}
## How it works
### 1. Writing CSS
CSS syntax is basically composed of **selectors**, **properties** and **values**.
```css
selector {
/* Comment your CSS! */
property: value;
...
}
```
* The **selector**: allows you to select which elements in the page are concerned by this styling.
* The **property**: is the the styling property you want to control.
* The **value**: is the value you want to set on the property.
#### Example
```css
p {
color: red;
text-align: center;
}
```
### 2. Loading CSS
Except if you are using a framework, CSS is generally loaded using the HTML `` tag.
```markup
```