Come organizzi le proprietà CSS?

Spesso è una cosa a cui nessuno fa caso, ma risulta essere molto importante per organizzare il proprio lavoro! Stiamo parlando dell’organizzazione delle proprietà all’interno del foglio di stile CSS.

In questo articolo vi presenterò i modi più comuni adottati per la gestione del foglio di stile, tuttavia potete dire la vostra, specificando il vostro metodo!

Casuale

.module {
   border: 1px solid #ccc;
   width: 25%;
   padding: 20px;
   position: relative;
   min-height: 100px;
   z-index: 1;
   border-radius: 20px;
}

Ordine alfabetico

.module {
   border-radius: 20px;
   border: 1px solid #ccc;
   min-height: 100px;
   padding: 20px;
   position: relative;
   width: 25%;
   z-index: 1;
}

Raggruppato per tipo

.module {
   width: 25%;
   min-height: 100px;
   padding: 20px;

   border: 1px solid #ccc;
   border-radius: 20px;

   position: relative;
   z-index: 1;
}

Per lunghezza

.module {
   border: 1px solid #ccc;
   border-radius: 20px;
   position: relative;
   min-height: 100px;
   padding: 20px;
   z-index: 1;
   width: 25%;
}

Altro

Cosa ne pensate di questi modi di organizzare il foglio di stile? Ed il vostro qual’è?