Poiché la domanda sembra riguardare principalmente il CSS per un sito web / un'applicazione, illustrerò i modi fondamentali in cui esaminerei il problema.
Quanto segue è una regola empirica, ci saranno sempre delle eccezioni - ma non in modo significativo.
Il CSS è usato per disegnare un sito web - non singole pagine web .
I peggiori siti web visualizzati saranno quelli in cui ogni pagina è strutturata, ridimensionata o colorata in modo diverso dal resto ...
Ci dovrebbe essere uno stile standard per tutte le pagine contenute in un sito web.
Dicendo questo, non tutte le pagine saranno disposte allo stesso modo, quindi il design dovrebbe iniziare con l'identificazione dei layout che ti serviranno:
Pagine master, navigazione, diapositive, piè di pagina, ecc.
Potrebbero esserci diversi layout che userete, ma non uno per ogni pagina .
Il contenuto di questi layout cambierà, ma ciò non richiede singoli fogli di stile.
Successivamente, vi è lo stile individuale per i titoli, le etichette, i controlli di input, le div, le span, le tabelle, ecc. che dovrebbero essere standard in tutte le aree del sito in base all'area che l'utente sta visitando. Un'area amministrativa può essere strutturata in modo diverso rispetto a un'area di registrazione, e le loro dimensioni e colori di controllo possono differire anche se realmente richiesti.
Gli stili devono essere impostati rispetto ai singoli controlli come base: tutti i div, i tavoli, le caselle di testo ecc. con riempimento standard, margini, colori, ecc.
Quindi puoi definire le classi da applicare ai controlli dove necessario; in questo modo se devi correggere o modificare il modo in cui vengono visualizzate le div, ad esempio, devi solo modificare lo stile in un unico punto: tutti i div che usano quella classe cambieranno di conseguenza.
Se hai bisogno di visualizzare una pagina specifica in modo diverso rispetto allo stile standard, non c'è nulla di sbagliato nel posizionare lo stile di sostituzione sulla pagina stessa, perché è specifico solo per quella pagina e non viene utilizzato da nessun'altra parte. Questo è applicabile solo quando la pagina è l'unica con la differenza . Se è usato altrove, e devi cambiarlo, dovrai dare la caccia a tutte le pagine che hanno la stessa differenza e modificarle tutte individualmente - non è un compito piacevole.
Se hai bisogno di caricare i partial in un'altra pagina, normalmente dovrebbe avere lo stesso stile del resto della pagina. Tuttavia, se hai bisogno che sia diverso (ma standardizzato perché ci sono molte parziali che hanno uno stile simile), vai avanti e crea un foglio di stile per il loro uso e inserisci un link al foglio di stile nel partial.
Poiché i CSS (Cascading Style Sheets) sono in cascata, l'ultimo stile dichiarato sovrascriverà tutti gli altri stili dichiarati in precedenza.
Pertanto, se uno stile è stato dichiarato per una classe denominata "importante" che definisce il grassetto e il rosso per il carattere, è possibile dichiarare nuovamente "importante" per un partial dove è stato definito blu solo come colore. Il grassetto originale sarebbe comunque valido, ma il colore sarebbe stato sostituito dalla nuova definizione blu.
Quindi la struttura di base è:
- Foglio di stile principale per tutte le pagine del sito web
- Sovrascrittura dei fogli di stile per aree particolari
- Sostituzione di singoli stili per le pagine (un foglio di stile o sulla pagina stessa)
Per quanto riguarda la cartella Contenuto: i fogli di stile dovrebbero essere creati e nominati in base allo stile che forniscono, non alla vista o alla pagina in cui saranno utilizzati.
- I file Javascript devono essere inseriti negli 'script' e dovrebbero essere denominati in base alle funzioni contenute all'interno, non alla vista o alla pagina in cui verranno utilizzati.
- Le icone e le altre immagini devono essere collocate nella cartella "immagini" e devono essere raggruppate in base a quali sono le immagini, non dove saranno utilizzate (a meno che non ci siano molte immagini per ogni area nel sito Web, quindi potresti raggruppare di nuovo sotto un nome per l'area).
Fondamentalmente, prova a spostare lo stato attivo da 'questo foglio di stile è per una pagina' a 'questa pagina usa questo foglio di stile' e mantieni i fogli di stile al minimo.