Tillämpa Webbplatsstil Med CSS
Mål
Nästa steg är att lägga till stilar på vår webbplats så att den inte ser ut som rå HTML. Vi kommer även att ange de färger vi vill använda på webbplatsen.
Vi kan använda följande källa (https://colorhunt.co/) för att välja den färgpalett vi gillar mest.
Vi har valt följande färgpalett:
Möjlig prompt
Skapa ett CSS-stilmall som kan tillämpas på den HTML-koden och säkerställ att den inkluderar stilelement samt följer denna färgpalett: #32012F, #524C42, #E2DFD0 och #F97300. Skriv den kompletta CSS-koden för att uppnå detta och inkludera bästa praxis för en visuellt tilltalande design.
Resultat
Viktigt: Den enda ändringen vi behöver göra i vår kod är att koppla CSS-filen till HTML-filen i head.
index.html
index.css
Webbplatsens tillstånd
Videohandledning
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Awesome!
Completion rate improved to 5Tillämpa Webbplatsstil Med CSS
Svep för att visa menyn
Mål
Nästa steg är att lägga till stilar på vår webbplats så att den inte ser ut som rå HTML. Vi kommer även att ange de färger vi vill använda på webbplatsen.
Vi kan använda följande källa (https://colorhunt.co/) för att välja den färgpalett vi gillar mest.
Vi har valt följande färgpalett:
Möjlig prompt
Skapa ett CSS-stilmall som kan tillämpas på den HTML-koden och säkerställ att den inkluderar stilelement samt följer denna färgpalett: #32012F, #524C42, #E2DFD0 och #F97300. Skriv den kompletta CSS-koden för att uppnå detta och inkludera bästa praxis för en visuellt tilltalande design.
Resultat
Viktigt: Den enda ändringen vi behöver göra i vår kod är att koppla CSS-filen till HTML-filen i head.
index.html
index.css
Webbplatsens tillstånd
Videohandledning
Tack för dina kommentarer!
