Så här lägger du till en css-fil till html

Hypertext Markup Language (HTML) definierar vad de olika bitarna på en webbsida är. Kodkodande stilark (CSS) kodande språk beskriver vad dessa bitar ska se ut. En CSS-fil kan läggas till HTML som ett externt stilark, CSS inkluderade i en separat fil från HTML, eller ett internt stilark, CSS ingår i HTML-filen. Lär dig hur du lägger till en CSS-fil till HTML för att anpassa din webbdesign.

Steg

Metod 1 av 2:
Lägg till ett externt stil ark till html
  1. Bild med titeln Lägg till en CSS-fil till HTML-steg 1
1. Skapa CSS-filen. Förbered och spara din CSS-fil med ".css" filtyp.
  • Bild med titeln Lägg till en CSS-fil till HTML-steg 2
    2. Ladda upp din CSS-fil till din webbplats.
  • Bild med titeln Lägg till en CSS-fil till HTML-steg 3
    3. Kopiera webbadressen till din CSS-fil. URL-adressen kan se ut din sida.com / stylesheet.css.
  • Det är bra form att ta bort huvuddomännamnet från länken (URL). Därför en URL av "http: // mySite.com / css / standard.css" skulle förkortas till "/ CSS / Standard.css". Du måste inkludera det ledande snedstrecket ("/"). Detta kallas en relativ väg.
  • Bild med titeln Lägg till en CSS-fil till HTML-steg 4
    4. Lägg till en länk till filen. Hitta Thetk i din HTML-fil och skapa en tom linje strax ovanför taggen. Lägg till till den tomma linjen, byte "din..." Till länken till din CSS-fil.
  • Bild med titeln Lägg till en CSS-fil till HTML-steg 5
    5. Spara din HTML-fil och ladda upp den till din webbplats.
  • Bild med titeln Lägg till en CSS-fil till HTML-steg 6
    6. Verifiera att allt på din webbplats ser hur det ska se. Om det inte gör det, kan du behöva gå tillbaka och leta efter några korrigeringar eller justeringar du behöver göra.
    • Metod 2 av 2:
    Lägg till ett internt stil ark till html
    1. Skapa taggen. I din HTML-fil, hitta thetag. Lägg till några extra rader ovanför det och skriv följande: