Osnove rada sa CSS jezikom

Već smo razmotrili osnovne HTML tagove i sada je vreme da uvedemo lepotu. Bilo bi poželjno imati mogućnost da menjamo boju teksta, njegovu veličinu, pozadinu i mnogo toga drugog. To se postiže pomoću CSS jezika.

Obično se CSS komande (stilovi) čuvaju u posebnom fajlu, koji se specijalnim tagom povezuje sa svim HTML stranicama našeg sajta.

Prednost ovog pristupa je u tome što je CSS fajl jedan, a HTML fajlova može biti bilo koja količina, čak i hiljadu. Ako napravimo izmenu na jednom mestu u CSS fajlu, na primer, pobojamo sve pasuse u crveno, onda će se te izmena primeniti na svih hiljadu HTML stranica, na koje je naš CSS fajl povezan. Veoma praktično i brzo.

Fajl sa stilovima mora imati ekstenziju .css. Da biste povezali takav fajl sa HTML stranicom, u tagu head treba napisati sledeću konstrukciju:

html<link rel="stylesheet" href="fileName.css">

U sledećem primeru se na naš HTML fajl povezuje CSS fajl styles.css:

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>This is the title</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <p>
      This is a paragraph with text.
    </p>
  </body>
</html>