import de css dans une feuille de css ou...

[nyl auster]

bonjour à tous

je sui confronté à un petit souci et j'ai besoin de vos avis pour compléter celui que j'ai reçu sur le site du zéro car j'aimerais être sur de mon choix.

Pour notre site web, j'ai séparé les feuilles de style en plusieurs parties:

-le "noyau": la partie commune à tout le site (blocs principaux, banniere, footer, menu)

- les styles qui se greffent dessus pour compléter selon les pages (par exemple pour l'acceuil: noyau.css + style_accueil.css; pour les pages de chroniques noyau.css+ style_chronique.css)

J'hésite sur deux manières d'appeler mes feuilles de style:

1) toutes les appeler au début de la feuille de style "noyau":

	@import url("accueil.css");
	@import url("styletest.css");
	@import url("sommairetest.css");
	@import url("internetexplorer6.css");

/*toutes les marges à zéro*/	
*{margin:0;
padding:0;}

puis mettre une seule balise link sur chaque page (noyau.css); solution qui semble pratique...

2) les appeler par plusieurs <link> sur chaque page.

page de test:

<link rel="stylesheet" type="text/css" href="http://localhost/monsite/noyau.css"/>
<link rel="stylesheet" type="text/css" href="http://localhost/monsite/styletest.css"/>

page d'acceuil:

<link rel="stylesheet" type="text/css" href="http://localhost/monsite/noyau.css"/>
<link rel="stylesheet" type="text/css" href="http://localhost/monsite/style_accueil.css"/>

Est ce que la première méthode (import dans la feuille destyle principale) pose un quelconque souci de rapidité de chargement en comparaison de l'autre méthode?

[Mikiman]

Bonjour,

Personellement j'utilise l'appel via :

<link rel="stylesheet" type="text/css" href="http://localhost/monsite/style.css"/>

Il permet d'ajouter quelques options comme l'option "screen" pour l'affichage, "print" pour l'impression, etc.

Niveau rapidité sa ne devrait rien changer.

J'ai trouvé un article qui parle justement cela : Link ou _AT_import ?

Cordialement,

Mikiman

[nyl auster]

salut, merci de ta réponse.

j'ai effectivement déjà lu cet article, mais il traite surtout de la différence entre import et link, alors que mon hésitation porte avant tout sur le choix d'importer les différentes feuilles de style dans chaque page hml, ou bien de toutes les importer dans la feuille de style principale puis d'importer dans chaque page html uniquement UNE feuille de style (qui contiendra les autres).

Il permet d'ajouter quelques options comme l'option "screen" pour l'affichage, "print" pour l'impression, etc.

ah tiens c'est vrai ça, du coup j'aurais moins de flexibilité de ce côté là...

Modifié 11 Février 2007 par nyl auster

[captain_torche]

Les deux ne sont pas incompatibles : dans l'appel de la première feuille de style, tu peux très bien préciser qu'il s'agit de la CSS pour l'affichage écran.

Par contre, je gère mes importations autrement : comme elles doivent se faire en début de document, et que ton * {} sera appliqué à tous les éléments, il risque d'écraser tes précédentes modifications.

Pour cela, je crée une nouvelle feuille de style (general.css), dans laquelle je place les "blocs communs", puis je l'appelle via l'import dans la feuille principale.

[nyl auster]

Les deux ne sont pas incompatibles : dans l'appel de la première feuille de style, tu peux très bien préciser qu'il s'agit de la CSS pour l'affichage écran.

oui c'est ce que je me suis dit jute après avoir répondu

Par contre, je gère mes importations autrement : comme elles doivent se faire en début de document, et que ton * {} sera appliqué à tous les éléments, il risque d'écraser tes précédentes modifications.

ah oui bien vu, j'y avais pas pensé en notant le code...

et il ne m'est pas possible de mettre les _AT_import à la fin de la feuille de style pour contouner ce problème ?

donc en dehors de ce point que tu soulignes et qu'il est possible de contourner avec la solution que tu décris, la méthode de _AT_import pour regrouper toutes les feuilles de style en une seule est une méthode que je peux utiliser sans problèmes?

ce qui m'inquiétait un peu, c'est qu'en faisant cela j'appelle tout de suite TOUTES les feuilles de style alors que certaines ne serviront pas tout de suite.

[captain_torche]

Dans ce cas, tu peux faire une feuille de style spéciale par type de page.

Mais, elles seront tout de même chargées par tes internautes, et une feuille de style reste en cache. Pas de quoi impacter ta bande passante.

[nyl auster]

ok, merci capt'ain torche.