Qual è il modo migliore per costruire i tuoi documenti CSS?

un buon consiglio è iniziare con un framework web esistente come bootstrap o foundation , questi aiutano a ottenere un CSS predefinito pulito e veloce, che puoi estendere e utilizzare come guida per il tuo foglio di stile.

dovrebbero essere descrittive e con il minor numero possibile di azioni, anche suddividendo il tuo CSS in più che sono separati, intendo uno per pulsanti e uno per il comune ecc., ciò contribuirà ad aggiungere un'organizzazione al tuo CSS.

prova ad organizzare il tuo CSS con una struttura top-down, iniziando con generici come body e p, in seguito #xxxx #yyyy, usa più classi per disegnare un tag, cose come, class="pull-left title".

Se hai utilizzato un framework, tutte le best practice sono utilizzate, prova a seguire lo stesso metodo il più possibile.

Modifica - Rispondi al commento -----

utilizzo personalmente diversi CSS per la personalizzazione del mio sito, perché se avessi bisogno di aggiornare il framework nel caso in cui avessero rilasciato qualcosa di nuovo, non dovrò tenere traccia delle modifiche manualmente.

e aggiungo un css diverso al lavoro di frame che chiamo estensione, che init tengo tutto ciò che vedo utile per il futuro da portare al prossimo progetto, quindi questo agirà come una mia estensione su qualsiasi framework che utilizzo .

I tuoi, OQ

Vorrei sconsigliare l'uso del bootstrap per iniziare. Dipende davvero dalle tue esigenze se vuoi che il tuo sito appaia esattamente come il bootstrap, allora va bene, ma una volta che hai bisogno di cambiare qualcosa che non è configurabile puoi perdere un sacco di tempo. Prova a non avere un colore di messa a fuoco in ingresso di blu, ad esempio.

La mia raccomandazione sarebbe quella di utilizzare qualcosa come: link per gestire i problemi del browser incrociato e quindi per creare i tuoi stili in Sass / Compass o Less. Preferisco Sass perché ha Compass che è un framework costruito da Sass che ha un sacco di utili mix e funzioni. Compass ti consente anche di separare facilmente i tuoi file, ma li costruisci in uno solo. Dispongo di singoli file per tag principali, layout comuni, barra di navigazione e barra dei piedi e molti altri, ma verranno tutti compilati in un unico file css. Quel file avrà commenti sopra ogni regola che mostra il file e la linea da cui sono stati generati.

Indipendentemente se stai usando un framework CSS, Sass / Compass, Less, ecc o no, dovresti assolutamente dare un'occhiata a SMACSS :

SMACSS (pronounced “smacks”) is more style guide than rigid framework. There is no library within here for you to download or install. SMACSS is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process. It is an attempt to document a consistent approach to site development when using CSS.