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. Intendo cambiare il colore del tuo font che devi solo digitare: "color: red", diventa più facile di così?
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 si impara gratis css online e ottenere tutorial CSS per principianti.
W3Schools
W3Schools è un ottimo sito. Hanno un sacco di 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 di CSS sono piuttosto dettagliate e ti condurranno attraverso la maggior parte di ciò che devi sapere, ma poiché questa è più una pagina tecnica, vedrai meno esempi che altrove e gli esempi che hanno sono un po 'limitati.
Se già conosci qualche CSS, questa è un'ottima fonte di riferimento.
Tizag
Mi sono imbattuto spesso in questo sito quando guardavo le cose e ho dato un'occhiata ai loro tutorial CSS, che ho trovato leggermente meglio strutturati di quelli di W3School. Le informazioni di base sono le stesse, ma se sei un principiante assoluto potresti iniziare da qui.
Tizag nei miei occhi è un po 'meno formale. Mi sembra che i loro esempi siano più vicini alla vita reale e il tono sia più amichevole. Ci sono anche utili tutorial su molti altri linguaggi come HTML e MySQL, quindi se ti è piaciuto il bit CSS puoi rimanere per la stessa qualità in altre lingue.
CSS Zen Garden
Questo sito è molto diverso dai siti tutorial che ho citato prima. Su CSS Zen Garden puoi mettere alla prova le tue conoscenze o imparare dal codice scritto da altri. L'idea generale è che ci sia un file HTML statico e non modificabile e devi creare un aspetto separato usando solo CSS.
Puoi caricare il tuo lavoro e sarà mostrato, e puoi scaricare i file di altri per dare un'occhiata a come hanno fatto questo e quello. Questo è veramente utile perché io stesso ho imparato molto più con l'esempio che con l'apprendimento. Lo stesso vale per i modelli WordPress - se ti piace, scaricalo e dai un'occhiata a style.css per vedere come sono fatte le cose.
Gioco CSS
CSS Play è un sito Web tra Zen Garden e i siti di tutorial perché mostra funzionalità specifiche in CSS e ti consente di visualizzare il codice sorgente.
Invece di avere un'intera pagina o un intero sito, puoi dare un'occhiata agli esempi di menu a tendina, esempi di opacità, soluzioni specifiche per IE e così via.
Se hai bisogno di una funzionalità specifica e vuoi informarti, questo sito web potrebbe essere il miglior punto di partenza. Ha una buona dose di pubblicità che può essere un po 'fastidiosa, ma le informazioni sono solide, e molte volte il codice, o almeno il metodo è spiegato molto dettagliatamente.
Esatto, la semplice Ricerca Google può essere un ottimo compagno per l'apprendimento di CSS online e la ricerca di tutorial CSS per principianti. Oltre a essere ovviamente in grado di ricercare le cose che ti servono, puoi anche vedere come funzionano le proprietà CSS specifiche. Non sai quali valori "overflow" possono avere? Basta digitare "css overflow" o "css overflow property" e il primo risultato ti dirà cosa devi sapere.
Lo stesso vale per tutti i linguaggi di programmazione, lo uso anche per PHP e MySQL, e non penso che il primo risultato mi abbia mai mancato.
Quindi eccoti, non ci sono più scuse, è ora di imparare un po 'di CSS! Puoi aggiungere i tuoi modelli di Google Documenti, modificare i tuoi modelli WordPress e fare molto di più, felice CSS-ing!