Základy práce s jazykom CSS

Už sme prebrali základné značky jazyka HTML a teraz je čas na to, aby sme to upravili. Bolo by dobré mať možnosť meniť farbu textu, jeho veľkosť, pozadie a mnoho ďalšieho. To sa robí pomocou jazyka CSS.

CSS príkazy (štýly) sú zvyčajne uložené v samostatnom súbore, ktorý je špeciálnou značkou pripojený ku všetkým HTML stránkam našej webovej stránky.

Výhoda tohto prístupu spočíva v tom, že CSS súbor je jeden, ale HTML súborov môže byť ľubovoľné množstvo, aj tisíc. Ak vykonáme zmenu na jednom mieste v CSS súbore, napríklad, zafarbíme všetky odseky na červeno, tieto zmeny sa aplikujú na všetkých tisícoch HTML stránok, ku ktorým je náš CSS súbor pripojený. Veľmi pohodlné a rýchle.

Súbor so štýlmi musí mať príponu .css. Ak chcete pripojiť takýto súbor k HTML stránke, v značke head by ste mali napísať nasledujúcu konštrukciu:

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

V nasledujúcom príklade je k nášmu HTML súboru pripojený CSS súbor 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>