A CSS nyelv alapjai

Már átvettük a HTML nyelv alapvető címkéit, és eljött az ideje, hogy széppé tegyük. Szeretnénk módosítani a szöveg színét, méretét, hátterét és még sok mást. Ezt a CSS nyelv segítségével tehetjük meg.

Általában a CSS parancsok (stílusok) külön fájlban tárolódnak, amelyet egy speciális címkével kapcsolunk össze weboldalunk összes HTML oldalával.

Ennek a megközelítésnek az az előnye, hogy egy CSS fájl van, de HTML fájlból tetszőleges mennyiség lehet, akár ezer is. Ha egy helyen módosítjuk a CSS fájlt, például az összes bekezdést pirosra festjük, akkor ezek a változások az összes ezer HTML oldalon érvényesülnek, amelyekhez a CSS fájlunk csatlakozik. Nagyon kényelmes és gyors.

A stílusokat tartalmazó fájl kiterjesztése .css kell legyen. Ahhoz, hogy egy ilyen fájlt HTML oldalhoz csatoljunk, a head címkében a következő konstrukciót kell írni:

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

A következő példában a styles.css CSS fájl csatlakozik a HTML fájlunkhoz:

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>