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 riktigt enkelt. Jag menar att du ändrar färgen på ditt teckensnitt du bara behöver skriva: "färg: röd", blir det lättare än så?

Nåväl, det blir 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

lära css online gratisW3Schools är en fantastisk webbplats. De har massor av självstudier från HTML till PHP och du kan vara säker på att allt du läser är upp till standarder eftersom webbplatsen underhålls av W3C, ansvarig för webbstandarderna i dag.

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

instagram viewer

Om du redan känner till något CSS men detta är en bra referenskälla.

Tizag

Jag stöter på den här webbplatsen mycket när jag letade upp saker och tittade på deras CSS-tutorials, som jag tyckte var lite bättre strukturerad än W3Schools. Den grundläggande informationen är densamma, men om du är en nybörjare kanske du vill börja här.

Tizag i mina ögon är det lite mindre formellt. Det verkar för mig att deras exempel är närmare det verkliga livet och tonen är vänligare. Det finns också bra tutorials 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

Denna webbplats skiljer sig mycket från de tutorialsidor som jag nämnde tidigare. På CSS Zen Garden du kan testa din kunskap eller lära dig av koden skriven av andra. Hela idén är att det finns en statisk och oföränderlig HTML-fil och du måste skapa en separat look för den med bara CSS.

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

CSS Play [No Longer Available]

Topp 5 webbplatser för att lära sig CSS Online cssplayCSS Play är en webbplats mellan Zen Garden och tutorialsidorna eftersom den visar upp specifika funktioner i CSS och låter dig se källkoden.

Istället för att ha en hel sida eller en hel webbplats kan du ta en titt på exempel på flyout-menyer, exempel på opacitet, IE-specifika lösningar och så vidare.

Om du behöver en specifik funktionalitet och vill lära känna kanske denna webbplats är det bästa stället att börja. Det har en rättvis andel annonser som kan vara lite distraherande, men informationen där är solid och många gånger koden, eller åtminstone metoden förklaras väldigt noggrant.

Google

Det är rätt, vanligt gammal Google Sök kan vara en bra följeslagare för att lära sig CSS online och hitta CSS-handledning för nybörjare. Bortsett från att självklart kunna undersöka saker du behöver kan du också titta på hur specifika CSS-egenskaper fungerar. Vet du inte vilka värden "överflöd" 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 för alla programmeringsspråk, jag använder detta för PHP och MySQL också, och jag tror inte att det första resultatet någonsin har misslyckats mig ännu.

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