status: #doc
Tags: #html #css
links: [[html-css]]
Date: 2023-08-01
___
# css
## Three Ways to Insert CSS
There are three ways of inserting a style sheet:
External CSS
Internal CSS
Inline CSS
### External CSS
we add link tag in head section of html
```html
```
then we make our css in `mystyle.css` like this
```css
body { background-color: lightblue;}
h1 { color: navy;
margin-left: 20px;}
```
### Internal CSS
we can make our css inside our html with `
```
### Inline CSS
An inline style may be used to apply a unique style for a single element.
To use inline styles, add the style attribute to the relevant element. The style attribute can contain any CSS property.
```html
This is a heading
This is a paragraph.
```
>[!tip]
>If some properties have been defined for the same selector (element) in different `