Grunderna i att arbeta med CSS-språket

Vi har redan gått igenom de grundläggande taggarna i HTML-språket och nu är det dags att göra det snyggt. Det vore bra att kunna ändra textens färg, dess storlek, bakgrund och mycket mer. Detta görs med hjälp av CSS-språket.

Vanligtvis lagras CSS-kommandon (stilar) i en separat fil som ansluts med en speciell tagg till alla HTML-sidor på vår webbplats.

Fördelen med detta tillvägagångssätt är att CSS-filen är en, medan det kan vara vilket antal HTML-filer som helst, tusentals till och med. Om vi gör en förändring på ett ställe i CSS-filen, till exempel, gör alla stycken röda, så kommer dessa förändringar att tillämpas på alla tusentals HTML-sidor som vår CSS-fil är ansluten till. Mycket bekvämt och snabbt.

Filen med stilar måste ha filtillägget .css. För att ansluta en sådan fil till en HTML-sida, i taggen head ska du skriva följande konstruktion:

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

I nästa exempel ansluts CSS-filen styles.css till vår HTML-fil:

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>