Annuncio pubblicitario
Il web design potrebbe non essere l'area più accessibile a tutti, ma CSS e HTML possono essere molto utili e queste sono due parti della codifica che sono davvero facili. Voglio dire, per cambiare il colore del tuo font devi solo digitare: "color: red", diventa più facile di così?
Bene, in realtà, diventa più difficile ma vale la pena dare un'occhiata, dal momento che puoi personalizzare tutto dal tuo blog ai documenti di Google Documenti con un po 'di conoscenza CSS. Diamo un'occhiata a dove impari css online gratuitamente e otteniamo tutorial CSS per principianti.
W3Schools
W3Schools è un ottimo sito. Hanno molti tutorial da HTML a PHP e puoi essere sicuro che tutto ciò che leggi è conforme agli standard poiché il sito è gestito dal W3C, responsabile degli standard web di oggi.
Le lezioni CSS sono piuttosto dettagliate e ti porteranno attraverso la maggior parte di ciò che devi sapere, ma dal momento che lo è più di una pagina tecnica vedrai meno esempi che altrove e gli esempi che hanno sono un po ' costretto.
Se conosci già alcuni CSS, questa è un'ottima fonte di riferimento.
Tizag
Mi imbatto molto in questo sito web quando guardo le cose e ho dato un'occhiata ai loro tutorial CSS, che ho trovato leggermente meglio strutturato di W3School. Le informazioni di base sono le stesse, ma se sei un principiante assoluto potresti voler iniziare qui.
Tizag ai miei occhi è un po 'meno formale. Mi sembra che i loro esempi siano più vicini alla vita reale e il tono sia più amichevole. Esistono anche tutorial utili su molte altre lingue come HTML e MySQL, quindi se ti è piaciuto il bit CSS puoi rimanere sulla stessa qualità in altre lingue.
CSS Zen Garden
Questo sito è molto diverso dai siti tutorial che ho menzionato prima. Sopra CSS Zen Garden puoi mettere alla prova le tue conoscenze o imparare dal codice scritto da altri. L'idea è che esiste un file HTML statico e immutabile e devi crearne uno separato usando solo CSS.
Puoi caricare il tuo lavoro e verrà mostrato, e puoi scaricare i file di altri per dare un'occhiata a come hanno fatto questo e quello. Questo è davvero utile perché io stesso ho imparato molto più dall'esempio che dall'apprendimento reale. Lo stesso vale per i modelli di WordPress: se ti piace, scaricalo e dai un'occhiata a style.css per vedere come vengono fatte le cose.
CSS Play [Non più disponibile]
CSS Play è un sito Web tra Zen Garden e i siti tutorial perché mostra funzionalità specifiche in CSS e consente di visualizzare il codice sorgente.
Invece di avere un'intera pagina o un intero sito, puoi dare un'occhiata ad esempi di menu a comparsa, esempi di opacità, soluzioni alternative IE e così via.
Se hai bisogno di una funzionalità specifica e vuoi informarti, questo sito web potrebbe essere il posto migliore per iniziare. Ha una buona dose di pubblicità che può essere un po 'fonte di distrazione, ma le informazioni sono solide e molte volte il codice, o almeno il metodo è spiegato in modo molto approfondito.
Esatto, semplicemente vecchio Ricerca Google può essere un ottimo compagno per l'apprendimento dei CSS online e la ricerca di tutorial CSS per principianti. Oltre a poter ovviamente cercare le cose di cui hai bisogno, puoi anche vedere come funzionano le proprietà CSS specifiche. Non sai quali valori può avere "overflow"? Digita "css overflow" o "css overflow property" e il primo risultato ti dirà quello che devi sapere.
Lo stesso vale per tutti i linguaggi di programmazione, lo uso anche per PHP e MySQL e non credo che il primo risultato mi abbia mai deluso.
Quindi non ci sono più scuse, è tempo di imparare alcuni CSS! Puoi aggiungere i tuoi modelli di Google Documenti, modificare i tuoi modelli di WordPress e fare molto di più, felice CSS-ing!