CSS-t hogy adjak hozzá a HTML-hez?

Tegnap kezdtem el tanulni a html programozást és nem tudom hogy egy adott html-hez hogyan tudom hozzárendelni a css fálj. (nem tudom hogy a hozzárendelni a megfelelő szó erre, de a lényeg az hogy a css fájlal hogyan tudom befolyásolni a html kinézetét.)

A html-ben ez van:

<p> blablablabalbal </p>

<p> fasfasfsfdfsdf </p>

<p> asdasdassaldjsisdjfijrdifgjresiogjreiogdtkgdrjigtrdjgitrjglr5jgirdjgrogre</p>

<p> sdjsufhasfrsbdfrshfrdsfnhesfesfwefeesfsefdsfsdofjrdesiofjsrkfghresjkgrhesgfjrdifjreifrejfirejfiroefjreiojrfiojoifgjhreiofhrefirehfjrgbfjqawedjwelfjsrglkrhgkresfjilwefjreghrvjrikcvjrfcjewjfoesfdsfdsfsdsdfagsdgsdfgtrdghfthfgfgfigfdkdghjdgdjhofithjftlihfjlfijfghfgdhdfghdfghfdhhfghdghfgdhfdghfgdfghdfgl</p>

<p align="center">BlaBlaBla</p>

<p> Blablablavsasddada<br>

fffdsfdsfdsfsgsgsfsfwefgrcasdwef</p>

(ne nézzetek hülyének csak így próbálgattam :D)

a css fáljban pedig ez:

p {

font family: Arial, Helvetica, sans-serif;

font size: small;

calaor: blue;

}