Skapa en css fil

author: krm created: 2022-03-28 status: alpha

👁️‍🗨️ Om detta avsnitt

Ett enkel sätt att skapa en css fil som lan användas från andra sidor.

❓ Vad är CSS?

Ett format som skapar style till en sida.

🏷 Namn som används

Dessa namn finns i html filen.

• 🏷 CSS_FILE Namnet på filen där du ska din css kod, tänkt på att den ska slutqa på .css.
• 🏷 HTML_FILE Namnet på filen där du ska använda din CSS kod.

1. Skapa en CSS mapp

Vi kan behöva skapa en mapp för css.

mkdir public/css

2. Ändra CSS filen efter dina önskemål,

Öppna CSS filen med en editor.

geany css/CSS_FILE

3. Utgå från exemplena

En CSS fil har inget specielt sidhuvud så du kan bara kopier in reglerna som du vill anävnda. Länkan nedan innehåller några exempel.

• 🔗 Hall of fame

4. Öppna Html filen

Vi kan nu ta och titta på filen och se att den stämmer.

geany HTML_FILE

5. Lägg till en länk

Vi kan nu ta och titta på filen och se att den stämmer.

<link rel="stylesheet" type="text/css" href="CSS_FILE" />

6. Titta på filen och se att den stämmer

Vi kan nu ta och titta på filen och se att den stämmer.

firefox HTML_FILE