Come studiare il codice CSS

September 19

Come processi di web design diventano sempre più complesse, programmatori web sono alla ricerca di modi per ridurre il codice ingombrante. Ecco dove CSS entra in gioco. Cascading Style Sheets, o CSS, è un linguaggio per lo styling elementi web che i progettisti possono utilizzare per creare delle "guide di stile" che possano ricorrere a una pagina intera o di un sito di ridurre il tempo trascorso, il codice disordinato e tempi di caricamento lento. Studiando il codice CSS aiuta un designer HTML capire come implementare una migliore codifica.

istruzione

1 Studio codice sorgente della pagina. Come altri tipi di web design, CSS spesso si presenta nei codici sorgente libero e pubblico di pagine online. Internet porta questi esempi di codice a voi attraverso il comando "visualizza sorgente pagina" sul menu di visualizzazione del browser. codici pagina di revisione che comprendono moduli CSS per vedere come funziona il linguaggio.

2 Utilizzare tutorial CSS. Tutorial e demo per CSS abbondano sul web. Un popolare sito che insegna CSS è il sito del W3C. Questa organizzazione ha contribuito a creare standard per il linguaggio come un modo per aiutare i web designer di tutto il mondo parlano una lingua comune. Tutorial W3C incorporano gli standard del Gruppo ha mantenuto per i migliori pratiche di codifica.

3 Cercare una "relazione" con l'HTML. Quando si tratta di CSS, i programmatori possono inserire il codice CSS in file stand-alone o "incorporare" nel codice HTML. Guardate una varietà di modi per includere i CSS per vedere cosa funziona meglio per le vostre pagine e siti.

4 Rompere CSS nei suoi elementi. Può essere difficile per vedere il codice CSS spettacolo in un codice sorgente della pagina web. Una cosa che contribuisce a rendere visibile CSS è quello di comprendere i metodi della classe di denominazione e le modalità che i CSS invia stili a più elementi attraverso la creazione di modelli. Il comando CSS includerà un nome di una "classe" o un modello. Poi, con le staffe curve, programmatori lay out le proprietà di un elemento CSS.

5 Imparare la sintassi. Come con la maggior parte delle lingue, CSS ha i suoi comandi e dizione. Se si ottiene bravi a riconoscere i comandi standard e gli elementi di artigianato modo CSS attraverso "selettori", sarete in grado di vedere dove CSS è nel codice interlacciato.