Integrer CSS i HTML 5 - det er sådan det gøres
Du kan nemt integrere CSS i HTML 5. For hvis du vil gøre dine HTML- og XML-dokumenter mere grafisk tiltalende, er Cascading Style Sheets (CSS) et godt valg. Formateringssprog giver dig adskillige muligheder for visuelt at forbedre dine websteder. Der er dybest set tre forskellige måder at integrere CSS i HTML 5. Vi viser dig dette i dette praktiske tip.
CSS i HTML 5: Valgmulighed 1 - Outsource CSS-fil
Den første mulighed er at flytte CSS til en separat fil. Dette giver adskillige fordele: Stilarkene påvirker ikke kun en enkelt side, men bruges automatisk på hver HTML5-side. Den største fordel er den centrale administration. Du kan hurtigt implementere ændringer på alle sider. Sådan integreres en CSS-fil i HTML 5:
- Opret en ny CSS-fil.
- Se dit CSS-fil i hovedområdet. I dette tilfælde blev filen navngivet style.css - men navngivningen er selvfølgelig individuel:
- Du skal gemme filen style.css i webserverens hovedkatalog.
- Du har med succes integreret din CSS-fil i HTML 5.
CSS i begyndelsen af din HTML 5-fil
Hvis du ikke ønsker at oprette en outsourcet CSS-fil, kan du også indstille CSS-egenskaber i overskriften på dit HTML 5-dokument. Disse påvirker derefter kun denne HTML 5-fil, ikke for alle HTML 5-sider.
- Åbn dit HTML 5-dokument
- Indsæt følgende kommando i hovedområdet:
- Definer nu de ønskede egenskaber: Dette kan for eksempel være størrelsen på overskrifterne, farven på teksten osv. Brug de velkendte CSS-kommandoer til dette.
- Luk kommandoen efter indtastning af egenskaber med.
- De specificerede egenskaber vedtages til dette HTML 5-dokument.
CSS inline-stil: brug kommandoer direkte
Den sidste måde at integrere CSS i HTML 5 er inline stil. Det betyder, at du indtaster dine kommandoer direkte i kildekoden.
- Gå til det punkt, hvor du vil ændre det grafiske display.
- Indtast CSS-kommandoer direkte. For eksempel kan det se sådan ud:
En blå underoverskrift
- Egenskaben bruges kun til denne kommando.