Основи рада са језиком CSS

Већ смо разгледали основне тагове језика HTML и сада је време да се улепша. Желели бисте да имате могућност да мењате боју текста, његову величину, позадину и много тога другог. То се ради помоћу језика CSS.

Углавном, CSS наредбе (стилови) се чувају у посебној датотеци, која се повезује специјалним тагом на све HTML странице нашег веб сајта.

Предност овог приступа је у томе што је CSS датотека једна, а HTML датотека може бити било који број, чак и хиљаду. Ако направимо промену на једном месту у CSS датотеци, на пример, обојимо све пасусе у црвену боју, онда ће те промене бити примењене на свих хиљаду HTML страница, на које је повезана наша CSS датотека. Веома практично и брзо.

Датотека са стиловима мора имати екстензију .css. Да бисте повезали такву датотеку са HTML страницом, у тагу head треба написати следећу конструкцију:

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

У следећем примеру се нашој HTML датотеци повезује CSS датотека 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>