היכן ממוקמות הגדרות ה-CSS

את הגדרות מאפייני ה-CSS ניתן לאכסן בכמה אופנים.

1. הגדרה ישירה בערך style של התגית אליה המאפיין מתייחס:

<p style="color: #00f; font-size: 16px;">טקסט</p>

2. הגדרה בתוך תגית מסוג style:

<style>

p {
  color: #00f;
  font-size: 16px;
}

</style>

3. הגדרה בקובץ חיצוני המקושר לדף על ידי תגית מסוג link:

<link rel="stylesheet" type="text/css" href="https://example.com/p-style.css">

     תוכן הקובץ https://example.com/p-style.css

p {
  color: #00f;
  font-size: 16px;
}

יש לשים לב שעדיף להשתמש בהגדרה 3 אך לפעמים אין ברירה ונאלצים להשתמש בשיטות האחרות.