Topp 5 webbplatser att lära CSS Online

Annons

Annons
Annons

Webbdesign är kanske inte det mest tillgängliga området för alla, men CSS och HTML kan vara mycket användbara, och det här är två delar av kodningen som är väldigt lätta. Jag menar att ändra färgen på din typsnitt du behöver bara skriva: "färg: röd", blir det lättare än det?

Jo faktiskt blir det svårare men det är värt att ta en titt, eftersom du kan anpassa allt från din blogg till dina Google Docs-dokument med en liten bit av CSS-kunskap. Låt oss ta en titt på var du lär dig css online gratis och få CSS handledning för nybörjare.

W3Schools

W3Schools är en bra webbplats. De har många tutorials från HTML till PHP och du kan vara säker på att allt du läser är upp till standarder eftersom webbplatsen upprätthålls av W3C, ansvarig för dagens webbstandarder.

CSS-lektionerna är ganska detaljerade och tar dig igenom det mesta du behöver veta, men eftersom det här är mer av en teknisk sida så kommer du att se mindre exempel än någon annanstans och de exempel som de har är lite begränsade.

Om du redan vet några CSS men det här är en bra referenskälla.

Tizag

Jag kommer över denna webbplats mycket när jag tittar på saker och jag tittade på deras CSS-handledning, som jag hittade lite bättre strukturerad än W3Schools. Basinformationen är densamma, men om du är en absolut nybörjare kanske du vill börja här.

Tizag i mina ögon är lite mindre formell. Jag tycker att deras exempel är närmare det verkliga livet och tonen är vänligare. Det finns också användbara handledning på många andra språk som HTML och MySQL, så om du gillade CSS-biten kan du fortsätta med samma kvalitet på andra språk.

CSS Zen Garden

Den här webbplatsen är väldigt annorlunda än de tutorials jag nämnde tidigare. På CSS Zen Garden kan du lägga din kunskap till testet eller lära av den kod som skrivits av andra. Hela tanken är att det finns en statisk och oföränderlig HTML-fil och du måste skapa ett separat utseende för det med bara CSS.

Du kan ladda upp ditt arbete och det kommer att visas, och du kan ladda ner andras filer för att titta på hur de gjorde det här och det. Det här är verkligen användbart eftersom jag själv lärde mig mer på sätt än genom att lära mig. Detsamma gäller WordPress-mallar - om du gillar en, ladda ner den och ta en titt på style.css för att se hur saker görs.

CSS Play

CSS Play är en webbplats mellan Zen Garden och handledningssidan eftersom den visar upp vissa funktioner i CSS och låter dig se källkoden.

I stället för att ha en hel sida eller en hel sida kan du titta på exempel på fly-menyer, opacitetsexemplar, IE-specifika lösningar och så vidare.

Om du behöver en specifik funktionalitet och vill komma in i vet, kan den här webbplatsen vara det bästa stället att börja. Den har en skälig andel av annonser som kan vara lite distraherande, men informationen där är solid och många gånger koden, eller åtminstone metoden är mycket grundligt förklarad.

Google

Det är rätt, vanlig gammal Google Search kan vara en bra följeslagare för att lära CSS online och hitta CSS-handledning för nybörjare. Bortsett från att du självklart kan undersöka saker du behöver, kan du också titta på hur specifika CSS-egenskaper fungerar. Vet inte vilka värden "överflöde" kan ha? Skriv bara "css overflow" eller "css overflow property" och det första resultatet kommer att berätta vad du behöver veta.

Detsamma gäller egentligen alla programmeringsspråk, jag använder det även för PHP och MySQL, och jag tror inte att det första resultatet någonsin har misslyckat mig än.

Så där är du, inga fler ursäkter, det är dags att lära dig några CSS! Du kan lägga till dina egna Google Docs-mallar, ändra dina WordPress-mallar och göra så mycket mer, glad CSS-ing!

In this article