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 HTML1. Opret CSS-filen. Forbered og gem din CSS-fil med ".CSS" filtype.

2. Upload din CSS-fil til dit websted.

3. Kopier webadressen til din CSS-fil. URL`en kan se ud yoursite.com / stylesheet.CSS.

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.

5. Gem din HTML-fil, og upload den til dit websted.

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 HTML1. Opret tagget. I din HTML-fil finder du thetag. Tilføj et par ekstra linjer over det og skriv følgende:

- 1. Tilføj alle dine CSS mellem de to tags, du lige har tilføjet.
- 2. Gem din HTML-fil (som HTML).
- 3. Kontroller, at din webside ser ud som om den skal se ud. Foretage ændringer efter behov, hvis det ikke gør det.
Tips
Kontroller altid dit websteds udseende i forskellige webbrowsere og på forskellige computersystemer. Nogle browsere internet css lidt anderledes, selv mellem samme browsers Mac og Windows Editions. Hvis dit websted ser anderledes ud i forskellige browsere, især i, hvordan visse objekter som lister er afstand, er problemet browserens standardindstillinger. Find et master stilark for at føje til begyndelsen af din CSS for at tilsidesætte alle browserens standardindstillinger, så dine indstillinger tilføjer ikke til noget, som browseren allerede opretter.
Hvis du har mulighed for, skal du bruge et eksternt stilark. Hvis du gør det, vil du justere webstedets udseende ved at ændre koden i den ene navngivne fil, snarere end at skulle ændre CSS på hver side på dit websted.
Hvis din hjemmeside ikke reagerer på dine CSS som forventet, skal du dobbeltkrydse al din kode for at sikre, at du ikke glemte detaljer. Særligt være opmærksom på semikolonerne ("-") og lukkede pilbeslag ("}"). Det er ikke usædvanligt at savne en i din CSS.
Hvis du gemmer HTML-filen til din computer, kan du åbne den fil i dine webbrowsere for at kontrollere udseendet på din computer, før du uploader det, men du skal nok have din CSS som et internt stilark i HTML-filen for Udseendet til at indlæse.
Når et stilark modsiger sig selv - for eksempel, hvis det først siger, vil teksten være blå og senere siger, at det bliver rødt - den senere tilstand vil altid gælde. Hvis en kommando er i et eksternt stilark, og den anden er i et internt stilark, gælder den interne.
Advarsler
Brug ikke "inline" CSS, CSS, der er inkluderet i HTML-mærket. (For eksempel: "ALIGN = `CENTER`" er inline CSS.) Det er forældet, dårlig syntaks og svært at justere, når du skal opdatere hjemmesiden senere.
Del på sociale netværk :