Advertentie

Webdesign is misschien niet het meest toegankelijke gebied voor iedereen, maar CSS en HTML kunnen erg handig zijn, en dit zijn twee delen van codering die heel eenvoudig zijn. Ik bedoel om de kleur van je lettertype te veranderen, je hoeft alleen maar te typen: "kleur: rood", wordt het makkelijker dan dat?

Nou, eigenlijk wordt het moeilijker, maar het is de moeite waard om eens te kijken, omdat je alles van je blog tot je Google Documenten-documenten kunt aanpassen met een klein beetje CSS-kennis. Laten we eens kijken waar u gratis css online leert en CSS-tutorials voor beginners krijgen.

W3Schools

leer gratis css onlineW3Schools is een geweldige site. Ze hebben veel tutorials van HTML tot PHP en je kunt er zeker van zijn dat alles wat je leest aan de normen voldoet, aangezien de site wordt onderhouden door de W3C, verantwoordelijk voor de webstandaarden van vandaag.

De CSS-lessen zijn behoorlijk gedetailleerd en nemen je mee door het meeste wat je moet weten, maar aangezien dit zo is meer een technische pagina zie je minder voorbeelden dan elders en de voorbeelden die ze hebben zijn een beetje beperkt.

instagram viewer

Als je al wat CSS kent, is dit een geweldige referentiebron.

Tizag

Ik kom deze website vaak tegen bij het opzoeken van dingen en ik heb hun CSS-tutorials bekeken, die ik iets beter gestructureerd vond dan die van W3School. De basisinformatie is hetzelfde, maar als je een absolute beginner bent, wil je misschien hier beginnen.

Tizag in mijn ogen is het iets minder formeel. Het lijkt mij dat hun voorbeelden dichter bij het echte leven staan ​​en de toon vriendelijker is. Er zijn ook handige tutorials over veel andere talen zoals HTML en MySQL, dus als je de CSS-bit leuk vond, kun je voor dezelfde kwaliteit blijven in andere talen.

CSS Zen Garden

Deze site is heel anders dan de tutorial-sites die ik eerder noemde. Aan CSS Zen Garden u kunt uw kennis op de proef stellen of leren van de code die door anderen is geschreven. Het hele idee is dat er één statisch en onveranderlijk HTML-bestand is en dat je er een aparte look voor moet creëren met alleen CSS.

U kunt uw werk uploaden en het wordt tentoongesteld en u kunt de bestanden van anderen downloaden om te zien hoe zij dit en dat hebben gedaan. Dit is erg handig omdat ik zelf veel meer door het voorbeeld heb geleerd dan door daadwerkelijk te leren. Hetzelfde geldt voor WordPress-sjablonen - als je er een leuk vindt, download het dan en neem een ​​kijkje in style.css om te zien hoe dingen worden gedaan.

CSS Play [Niet langer beschikbaar]

Top 5 sites om CSS online cssplay te lerenCSS Play is een website tussen Zen Garden en de tutorial-sites omdat het specifieke functionaliteiten in CSS laat zien en je de broncode kunt bekijken.

In plaats van een hele pagina of een hele site te hebben, kun je voorbeelden bekijken van flyout-menu's, voorbeelden van dekking, IE-specifieke oplossingen enzovoort.

Als u een specifieke functionaliteit nodig heeft en kennis wilt maken, is deze website misschien de beste plek om te beginnen. Het heeft een groot aantal advertenties die een beetje afleidend kunnen zijn, maar de informatie daar is solide en vaak wordt de code, of in ieder geval de methode, zeer grondig uitgelegd.

Google

Dat klopt, gewoon oud Google zoeken kan een geweldige aanvulling zijn op het online leren van CSS en het vinden van CSS-tutorials voor beginners. Afgezien van het feit dat je natuurlijk dingen kunt onderzoeken die je nodig hebt, kun je ook kijken hoe specifieke CSS-eigenschappen werken. Weet u niet welke waarden 'overloop' kan hebben? Typ gewoon "css overflow" of "css overflow property" en het eerste resultaat zal u vertellen wat u moet weten.

Hetzelfde geldt voor eigenlijk alle programmeertalen, ik gebruik dit ook voor PHP en MySQL, en ik denk niet dat het eerste resultaat me ooit heeft gefaald.

Dus daar ben je, geen excuses meer, het is tijd om wat CSS te leren! U kunt uw eigen Google Docs-sjablonen toevoegen, uw WordPress-sjablonen wijzigen en nog veel meer doen, gelukkig CSS-ing!