l'appel de plusieurs fichiers css externes à la fois à la page html
Je me demandais comment je peux appeler plusieurs fichiers css externes à la fois au lieu de les appeler individuellement. Je veux le faire pour éviter le numéro de la demande et de la limiter à une par de multiples fichiers css externes.
Je fatigué, mais ne fonctionne pas!!
<link rel="stylesheet" href=" http://statics.mydomain.co/style.css,functionstyle.css,widgets.css,edges.css,options.css,tags.css" type="text/css">
J'ai pensé qu'il est beaucoup plus facile que ça!!
une idée de ce que je suis en manque ici!!!
Je suis sûr que vous avez besoin pour faire un à la fois.
Quelle est l'idée derrière une demande? Ne devriez-vous pas plutôt envisager le renforcement de la feuille de style si c'est tout ce que vous voulez?
Dans l'optique du développement, briser les feuilles de style basé sur ce composant, ils ont le contrôle est plus facile. Cependant, pour des raisons de performances, une seule feuille de style est mieux que le nombre de demandes qui peuvent être faites à la fois est limité (plus de feuilles de style = moins d'autres choses qui peuvent être télécharger en même temps).
Le truc, c'est que certains styles que j'utilise dans les différentes pages donc je veux inclure un peu de css pour une page html et différentes de celles des autres pages...
Quelle est l'idée derrière une demande? Ne devriez-vous pas plutôt envisager le renforcement de la feuille de style si c'est tout ce que vous voulez?
Dans l'optique du développement, briser les feuilles de style basé sur ce composant, ils ont le contrôle est plus facile. Cependant, pour des raisons de performances, une seule feuille de style est mieux que le nombre de demandes qui peuvent être faites à la fois est limité (plus de feuilles de style = moins d'autres choses qui peuvent être télécharger en même temps).
Le truc, c'est que certains styles que j'utilise dans les différentes pages donc je veux inclure un peu de css pour une page html et différentes de celles des autres pages...
OriginalL'auteur Digital site | 2013-07-02
Vous devez vous connecter pour publier un commentaire.
Deux options.
1. Css @import
Voir la documentation.
NOTE!: Le navigateur ne fait faire de nombreux appels ici, il est juste caché de l'HTML
2. PHP
Utilisation minify à se rétrécir, de cache, et de combiner vos fichiers CSS/JS.
Ici est un minify tutoriel
Ici est un liste de plus les outils de compression.
Je ne suis pas sûr de ce que vous demandez, mais minifying est une jolie norme procédure de production. Généralement, il est fait une fois et stocké comme statique fichier css.
ok, bon de savoir. Merci beaucoup
accepter la réponse si ça a aidé!
OriginalL'auteur Dan Grahn
Afin de faire ce que vous faites, vous allez avoir besoin d'une sorte de serveur de script côté qui combine.
Sinon, il vous suffit de combiner tous manuellement ou utiliser quelque chose comme grunt les combiner.
OriginalL'auteur kalley
Une fois que vous avez trié toutes les règles CSS et vous êtes prêt à entrer en production, vous devez combiner tous vos fichiers CSS dans un seul fichier et puis rapetisser.
Vous pouvez ensuite lier à un fichier unique à partir de vos pages.
En tant que de commencer, veuillez lire la question précédente, il a quelques références utiles:
Toutes les recommandations pour une CSS minifier?
OriginalL'auteur Marc Audet
Vous pouvez utiliser le
@import
déclaration à l'intérieur de votre base de css, pour en faire inclure plusieurs fichiers à la fois. Tout ce que vous avez à faire est de lier votre un maître de fichier dans votre code HTML.Cependant, ce ne sera pas limiter vos demandes. Tant qu'ils sont des fichiers séparés, vous aurez à faire des demandes distinctes.
Pour une réelle amélioration de la performance vous devez fusionner les fichiers en un seul gros fichier. Il y a quelques bons outils. Je préfère MOINS, qui est un pré-compilateur qui fait beaucoup plus, mais peut aussi fusionner plusieurs fichiers en un seul (minimisé) maître css
@import
déclaration CSS ne pas éviter de faire plusieurs requêtes HTTP, les OP spécifiquement veut éviter. En fait, à l'aide de@import
est sans doute pire que de les inclure individuellement via<link />
.citer moi-même:
However, this will not limit your requests. As long as they are separate files, you will have to do separate requests.
OriginalL'auteur Pevara
Même si vous pouvez réduire votre code html à une seule ligne, le client doit charger tous individuellement, parce qu'ils sont encore dans les différents fichiers sur le serveur.
Si vous souhaitez combiner les Styles dans un fichier il suffit de faire à la main ou sur le côté serveur.
En outre, vous pourriez minify CSS avec un outil en ligne pour faire la taille du fichier plus petit.
OriginalL'auteur Atrox111