Prendo spunto da questo ottimo articolo di NetTuts per darti qualche altro consiglio su come impostare al meglio i CSS.
Nel primo post spiegavo qual’era la formattazione migliore per un CSS per quanto concerne la mia esperienza. In questo nuovo post oltre ad aggiungere alcune dimenticanze segnalo qualche buon consiglio per ottimizzare il flusso di lavoro
1.Resetta
Come prima istruzione del nostro file css resettiamo tutti i valori di margin e paddin degli elementi più comuni in modo da ottenere dei valori “puliti”:
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl,
li, dt, dd, p, blockquote, pre, form, fieldset,
table, th, td { margin: 0; padding: 0; }
2.Alfabetizza
Rendi il tuo codice di più facile lettura mettendo in ordine alfabetico le proprietà.
Nota: Qui non mi trovo troppo d’accordo visto che sono solito raggruppare le proprietà per tipologia (Es: testo,dimensioni,bordi…)
3.Organizza
E’ buona norma dividere in blocchi il codice CSS. Per esempio, raggruppare tutte le definizioni relative all’header della pagina renderà più agevole una modifica di quella parte senza doversi sbizzarrire con la ricerca.
/*****Header*****/
I commenti iniziano con /* e finsicono con */
4.Coerenza
Come spiegavo nell’intervento precedente ci sono molti modi di rappresentare un selettore CSS. A prescindere da quale utilizzerai il consiglio è quello di usare sempre lo stesso. Mantenendo una coerenza nella scrittura ti sarà più facile trovare quello che stai cercando.
5.Fai tutto nel giusto ordine
Forse il consiglio più importante. Non ha senso definire stili complessi se non hai ancora idea di come sarà strutturato il sito. Crea per prima cosa la struttura e solo dopo integra i fogli di stile in essa.
Se stai cercando nuove risorse sui fogli di stile visita il canale CSS di webquadro
Ecco una lista di altre risorse che potrebbero interessarti:
Commenti
Trackback e Pingback
[...] fonte: 5 modi per scrivere meglio i CSS | Webquadro.it Articoli correlati: Siti web e SEO: 5 consigli su come ottimizzare link e immagini [...]
[...] ho già parlato di come scrivere meglio i CSS e anche della lora formattazione. Oggi ti presento un ottimo tool completamente gratuito che ti [...]
[...] fa avevo scritto di come organizzare al meglio un foglio di stile CSS. Il primo punto da seguire riguardava il reset degli elementi più [...]
Invia un commento