Grunnleggende om arbeid med CSS-språket

Vi har allerede gått gjennom de grunnleggende taggene i HTML-språket, og nå er det på tide å gjøre det pent. Det ville vært fint å ha muligheten til å endre fargen på teksten, dens størrelse, bakgrunn og mye mer. Dette gjøres ved hjelp av CSS-språket.

Som regel lagres CSS-kommandoer (stiler) i en separat fil, som kobles til med en spesiell tag til alle HTML-sidene på nettstedet vårt.

Fordelen med denne tilnærmingen er at det er én CSS-fil, mens det kan være et hvilket som helst antall HTML-filer, selv tusen. Hvis vi gjør en endring på ett sted i CSS-filen, for eksempel endrer fargen på alle avsnitt til rød, vil disse endringene bli brukt på alle de tusen HTML- sidene som CSS-filen vår er koblet til. Veldig praktisk og raskt.

Filen med stiler må ha filendelsen .css. For å koble en slik fil til en HTML-side, må du skrive følgende konstruksjon i head-taggen:

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

I det følgende eksemplet kobles CSS-filen styles.css til HTML-filen vår:

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>