Est-ce une bonne idée de faire plus d'un fichier CSS pour chaque page HTML?

Je suis la construction d'une page d'accueil personnelle. J'ai 4 pages HTML et une seule feuille CSS lié pour toutes les pages. C'est, à l'intérieur d'un seul fichier CSS j'ai mis en place la disposition de toutes les différentes pages.
[En fait, chaque page a à peu près la même mise en page, le contenu et le style est différent. Et mon site n'est pas que avance.]

Est-il une bonne pratique? Ou, devrais-je créer des CSS pour chaque page?

Un exemple de ce que j'ai fait:

page-1.html:

<link rel="stylesheet" type="text/css" href="design.css">

page-2.html:

<link rel="stylesheet" type="text/css" href="design.css">

de conception.css:

/*
.......
*/
Pour les petits sites web, je pense que l'un fichier CSS pourrait être suffisant pour plusieurs pages HTML. Mais pour les plus grands, vous pouvez envisager l'utilisation de plusieurs fichiers CSS comme il peut aider votre site web pour être plus modulaire et structuré. Mais du point de vue des performances, pour chaque code HTML des objets externes (par exemple, JS, CSS, images, fichiers...), un supplément de transaction HTTP est nécessaire dans non persistants HTTP mode. Mais ce n'est pas considéré comme à haut impact.

OriginalL'auteur Esha | 2015-05-31

  1. 1

    Votre exemple vous montre à l'aide d'un design.css fichier pour l'ensemble de votre site web.

    Généralement, il est préférable d'avoir un seul .fichier css contenant les données pour toutes les pages pour 2 raisons:

    1. Vous permettra aux navigateurs de cache .fichiers css, ce qui entraîne dans les temps de chargement plus rapides;
    2. Il permettra de faciliter le processus de maintenance.

    Je vous conseille, si vous voulez vraiment de se diviser .css dans des blocs distincts pour utiliser les CSS' @import de diviser les blocs de code f.e formulaire de styles et ainsi de suite.

    Hein? @import normalement la suite de plusieurs demandes, pas une Bonne Chose.
    Il facilite l'entretien et permet à tous les styles importés depuis un fichier. Si un projet est grand, il est conseillé de séparer .les fichiers css en morceaux, c'est la même chose que d'avoir plusieurs <lien> balises pour .les fichiers css dans une page. Une telle chose est parfois nécessaire, essayez d'exécuter un rapport de rendement sur des sites web comme Facebook, google Chrome me dit Facebook est terrible à ce chapitre.
    Vous ne voudriez pas aller à la production avec un fichier css avec une charge d'importations. C'est en fait mauvais conseils. Il facilite l'entretien au cours du développement, mais si elle est utilisée dans la production, @torazaburo est juste en ce qui concerne les multiples requêtes http qu'il allait créer.

    OriginalL'auteur Cristian D

  2. 3

    Juste avoir 1 fichier css pour quelque chose d'aussi petit. Quand vous entrez dans la construction des grands sites, vous pouvez diviser vos feuilles de style en modules.

    Avoir une lecture à travers le smaccs approche, car c'est un moyen concret de la réflexion avant de vous arriver à un niveau où vous pouvez construire votre propre feuille de style css de l'architecture.

    OriginalL'auteur Joshua Kelly

  3. 1

    Il n'y a pas universelle des meilleures pratiques pour le faire. Généralement pour les grands projets, il est recommandé de séparer css entre plusieurs fichiers pour le débogage et l'entretien en cours de développement. Comme votre site web personnel ne semble pas trop compliqué, il ne semble pas raisonnable de les séparer. Ce type de question a déjà été répondu.

    Seul énorme .fichier css vs plusieurs petites spécifiques .les fichiers css?

    Une Feuille De Style Par Page!

    OriginalL'auteur Sarit Adhikari

  4. 1

    C'est une bonne pratique. Comme vous l'avez dit que

    En fait, chaque page a à peu près la même mise en page, le contenu et le style est différent. Et mon site n'est pas que avance.

    Donc garder qu'un seul fichier CSS. Raisons:

    1. Il est facile pour les navigateurs de conserver le cache
    2. C'est mieux pour l'entretien, comme vous l'avez toutes vos règles de conception en un seul lieu.
    3. Que votre projet est de petite taille, le fichier CSS n'est pas si grand.

    Si vous souhaitez séparer les fichiers pour des raisons d'organisation, je vous suggère de lire sur les Préprocesseurs CSS comme Moins ou Sass. Avec eux, vous pouvez définir vos styles dans des fichiers séparés et me joindre à eux avant de les relâcher.

    OriginalL'auteur Dinei

  5. 1

    vous devez garder en un seul fichier css. Permettez-moi de vous dire en simple, une ligne, une fois que votre site se charge dans le navigateur web du client de la ressource statique peut être mis en cache qui a aidé votre site pour augmenter et le nombre de requête web peut être diminuer lorsque l'utilisateur de naviguer sur plusieurs pages de votre site web.

    OriginalL'auteur Kaushik Thanki