CSS: feuille de style principale avec plusieurs importations ou plusieurs feuilles de style?

J'ai toujours créé une feuille de style appelée master.css, importé cette une feuille de style, dans le <head>, et utilisé @import instructions pour tirer dans d'autres feuilles de style, par exemple.CSS: feuille de style principale avec plusieurs importations ou plusieurs feuilles de style?

@import('sitestyles.css') 
@import('blogstyles.css')

Je l'ai copié à partir d'autres personnes.

Mais on vient de me demander pourquoi je fais cela plutôt que d'importer simplement les deux feuilles de style dans le <head>, et j'ai réalisé que je ne sais pas.

Quelqu'un sait une bonne raison pour laquelle on est préférable à une autre?

Merci!

Source

2011-03-04 AP257

Je dirais dans la tête est préférable - vous pouvez voir en un coup d'oeil quel CSS est inclus sans avoir à creuser dans les fichiers CSS eux-mêmes.

Source

2011-03-04 15:37:18 alex

En fait, les recommandations de Google relatives à la vitesse des pages le recommandent également: http://code.google.com/speed/page-speed/docs/rendering.html#PutCSSInHead – AP257

Je le fais parce que cela crée un peu moins HTML pour moi de maintenir. J'ai un fichier standard reset.css que j'inclus dans tous mes sites, puis mon screen.css et tous les autres dont j'ai besoin, tels que ceux pour les plugins jQuery et ainsi de suite. L'inconvénient est que vous pouvez inclure des feuilles de style inutiles et augmenter les temps de chargement.

De plus, avec l'ajout de la requête CSS3 @media, tout sera plus facile à maintenir selon moi. @media (orientation: portrait) { … }

@media screen{ 
    /* Import all stylesheets for screen */ 
} 

@media (orientation: portrait){ 
     /* Import all stylesheets for portrait layouts */ 
}

Et ainsi de suite

Ceci est purement une simple opinion bien.

Source

2011-03-04 15:37:51

Si votre master.css ne change pas dynamiquement, pourquoi ne pas simplement inclure tous les styles dans un fichier? Si cela change dynamiquement (en fonction de la page affichée par l'utilisateur), il sera sûrement plus facile d'inclure les différentes feuilles de style dans la tête plutôt que d'avoir à modifier dynamiquement master.css. De cette façon, vous pouvez voir tout de suite quels fichiers sont inclus.

Source

2011-03-04 15:38:51

Certains fichiers sont partagés entre plusieurs sites, donc je ne peux pas il suffit d'utiliser un fichier. Merci quand même. – AP257

CSS: feuille de style principale avec plusieurs importations ou plusieurs feuilles de style?

Répondre

Questions connexes