Bädda in CSS i HTML 5 - det är så det görs
Du kan enkelt integrera CSS i HTML 5. Eftersom du vill göra dina HTML- och XML-dokument mer grafiskt tilltalande, är Cascading Style Sheets (CSS) ett bra val. Formateringsspråket erbjuder dig många alternativ för att visuellt förbättra dina webbplatser. Det finns i princip tre olika sätt att integrera CSS i HTML 5. Vi kommer att visa dig detta i detta praktiska tips.
CSS i HTML 5: Alternativ 1 - Outsource CSS-fil
Det första alternativet är att flytta CSS till en separat fil. Detta ger många fördelar: Stilsidorna påverkar inte bara en enda sida, utan används automatiskt på varje HTML5-sida. Den största fördelen är den centrala förvaltningen. Du kan snabbt implementera ändringar på alla sidor. Hur man bäddar in en CSS-fil i HTML 5:
- Skapa en ny CSS-fil.
- I huvudområdet, se din CSS-fil. I detta fall hette filen style.css - men namnet är givetvis individuellt:
- Du bör spara filen style.css i webbserverns huvudkatalog.
- Du har lyckats integrera din CSS-fil i HTML 5.
CSS i början av din HTML 5-fil
Om du inte vill skapa en outsourcad CSS-fil kan du också ställa in CSS-egenskaperna i rubriken i ditt HTML 5-dokument. Dessa påverkar då bara denna HTML 5-fil, inte för alla HTML 5-sidor.
- Öppna ditt HTML 5-dokument
- Sätt in följande kommando i huvudområdet:
- Definiera nu önskade egenskaper: Detta kan till exempel vara rubrikernas storlek, textens färg etc. Använd de välbekanta CSS-kommandona för detta.
- Stäng kommandot efter att du har angett egenskaperna med.
- De angivna egenskaperna används för detta HTML 5-dokument.
CSS inline-stil: använd kommandon direkt
Det sista sättet att integrera CSS i HTML 5 är inline stil. Det betyder att du anger dina kommandon direkt i källkoden.
- Gå till den punkt där du vill ändra den grafiska displayen.
- Ange CSS-kommandona direkt. Till exempel kan det se ut så här:
En blå undernummer
- Egenskapen används endast för det här kommandot.