Sådan tilføjes en css-fil til html

Hypertext Markup Sprog (HTML) definerer, hvad de forskellige stykker på en webside er. Cascading Style Sheets (CSS) kodende sprog beskriver, hvad disse stykker skal se ud. En CSS-fil kan tilføjes til HTML som et eksternt stilark, CSS, der er inkluderet i en separat fil fra HTML, eller et internt stilark, CSS inkluderet i HTML-filen. Lær, hvordan du tilføjer en CSS-fil til HTML for at tilpasse dit website design.

Trin

Metode 1 af 2:
Tilføj et eksternt stilark til HTML
  1. Billedet med titlen Tilføj en CSS-fil til HTML Trin 1
1. Opret CSS-filen. Forbered og gem din CSS-fil med ".CSS" filtype.
  • Billede med titlen Tilføj en CSS-fil til HTML Trin 2
    2. Upload din CSS-fil til dit websted.
  • Billedet med titlen Tilføj en CSS-fil til HTML Trin 3
    3. Kopier webadressen til din CSS-fil. URL`en kan se ud yoursite.com / stylesheet.CSS.
  • Det er god form for at fjerne det vigtigste domænenavn fra linket (URL). Derfor en webadresse af "http: // mySite.COM / CSS / DEFAULT.CSS" ville blive forkortet til "/ CSS / DEFAULT.CSS". Du skal indeholde den førende skråstreg ("/"). Dette kaldes en relativ sti.
  • Billedet med titlen Tilføj en CSS-fil til HTML Trin 4
    4. Tilføj et link til filen. Find thetag i din HTML-fil, og opret en tom linje lige over tagget. Tilføje
    til den tomme linje, skiftende "dit..." til linket til din CSS-fil.
  • Billedet med titlen Tilføj en CSS-fil til HTML Trin 5
    5. Gem din HTML-fil, og upload den til dit websted.
  • Billede med titlen Tilføj en CSS-fil til HTML Trin 6
    6. Kontroller, at alt på dit websted ser ud, hvordan det skal se ud. Hvis det ikke gør det, skal du måske gå tilbage og kigge efter eventuelle korrektioner eller justeringer, du skal lave.
    • Metode 2 af 2:
    Tilføj et internt stilark til HTML
    1. Opret tagget. I din HTML-fil finder du thetag. Tilføj et par ekstra linjer over det og skriv følgende: