# CSSの当て方

cssの当て方に関して、[cssの基本](https://ryos-organization-1.gitbook.io/happiness-chain/html-css/cssno)のセクションにてstyles.cssに記述し、**linkタグ**にてファイルを適応させる方法を紹介しましたが、その他にも適応する方法があるので、紹介します。

## styleタグ

htmlファイルの**headタグ**内に、**styleタグ**を使うことで、cssを当てることができます。

```html
<head>
    <style>
        p {
            color: red;
        }
    </style>
</head>
```

## style属性

htmlファイルの各タグにて、style属性を指定することで、cssを当てることができます。

```
<p style="color: red;">赤文字のテキスト</p>
```

上記2種類の方法を紹介しましたが、

* htmlとcssのファイルを分けて、役割をはっきりさせる
* cssを複数のファイルに適応させる場合に、管理を楽にする

上記のため、cssを別ファイルに切り出して、読み込むのが推奨されます。
