# Diving Into The Basics Of CSS
## HTML file skeletion
HTML file skeleton that we will use as starting point.
```html
uHost
Get the freedom you deserve.
```
## Adding CSS using **inline styling**
Use the `style` attribute inside an HTML tag by applying a **CSS declaration**, A declaration is simply means *WHAT* you want to style, and *HOW* you want to style it. What part of the declaration is defined by *properties*, lets say we want to change the background color of an element, we'll use the `background` property for that. And how is defined by a value, lets say we want to change the background color to `red`.
```html
Get the freedom you deserve.
```
Or we can use a hexadecimal value for the color, like `#ff1b68`.
Inline styling is where we use the `style` attribute directly on the HTML element which we want to style, and we would write all styles separated by semicolons on the same line if there are multiple, this way of styling is not recommended because of code readibility and maintainence issues.
## `
```
And the browser will apply the style to all the `section`s on your HTML page.
There's another way of using styles, and that is using an external style sheet. For that we can create a new `*.css` file in the project, and in that file we can define css rules, without using the `