IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

organisation d'un fichier CSS


Sujet :

CSS

  1. #1
    Membre du Club
    Homme Profil pro
    Enseignant
    Inscrit en
    Janvier 2018
    Messages
    85
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Val d'Oise (Île de France)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : Janvier 2018
    Messages : 85
    Points : 40
    Points
    40
    Par défaut organisation d'un fichier CSS
    Bonjour tout le forum ,
    j'ai besoin de votre aide.

    Que pensez-vous de cette organisation de fichier CSS ? D'un point de vue lourdeur du fichier et de la vitesse d'exécution du navigateur ?


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    /*_________________________________________________________________________display:inline-block*/
    .p2,.p3{
    display:inline-block;
    }
    /*_________________________________________________________________________Alignement : display:inline-block*/
    .p2{
    vertical-align:top;
    }
    /*_________________________________________________________________________largeur*/
    .p0{
    width:80%;
    }
    /*_________________________________________________________________________Alignement texte*/
    .pGauche,.p2{
    text-align:left;
    }
    .pCentre,.p1,.p3{
    text-align:center;
    }
    .pDroite{
    text-align:right;
    }
     
    /*_________________________________________________________________________Couleur de fond*/
    .p0,.p1,.p2,.p3,.erreur{
    background-color:rgb(255,255,255);
    }
    /*_________________________________________________________________________Couleur de texte*/
    .p0,.p1{
    color:rgb(48,75,212);
    }
    .erreur{
    color:rgb(0,0,0);
    }
    /*_________________________________________________________________________marge extérieure*/
    .p1{
    margin-left:auto;
    }
    .p1{
    margin-right:auto;
    }
    .p1,.p3{
    margin-top:8px;
    }
    .p1,.p3{
    margin-bottom:8px;
    }
    /*_________________________________________________________________________marge intérieure*/
    .p0,.p1,.erreur{
    padding-top:10px;
    }
    .p0,.p1,.erreur{
    padding-bottom:10px;
    }
    .p0,.p1{
    padding-left:4px;
    }
    .p0,.p1{
    padding-right:4px;
    }
    .p3{
    padding:15px;
    }
    /*_________________________________________________________________________Bordures*/
    .p0{
    border:3px solid blue;
    }
    .erreur{
    border:3px solid red;
    }
    /*_________________________________________________________________________Arrondis bordures*/
    .p0{
    border-radius:20px;
    }
    /*_________________________________________________________________________Positionnement*/
    /*_________________________________________________________________________Autre*/
    .p0{
    word-wrap:break-word;
    }

  2. #2
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 223
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 223
    Points : 15 516
    Points
    15 516
    Par défaut
    si vous cherchez à faire un fichier css optimisé, je vous conseille de vous intéresser à du css compilé comme sass par exemple :
    https://sass-lang.com/guide

    ainsi vous aurez d'un côté des fichiers de travail clairs et donc plus faciles à maintenir, et ensuite vous compilerez ces fichiers pour produire un fichier css optimisé pour le temps de chargement par exemple.

  3. #3
    Membre du Club
    Homme Profil pro
    Enseignant
    Inscrit en
    Janvier 2018
    Messages
    85
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Val d'Oise (Île de France)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : Janvier 2018
    Messages : 85
    Points : 40
    Points
    40
    Par défaut
    Merci, je vais étudier ça, j'aurais certainement un tas de questions

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Chemin du fichier css
    Par dreamanoir dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 07/07/2005, 17h49
  2. Réponses: 8
    Dernier message: 14/04/2005, 20h06
  3. [C#] Chemin pour mon fichier CSS
    Par the_new dans le forum ASP.NET
    Réponses: 5
    Dernier message: 23/03/2005, 16h25
  4. [Servlet] Comment référencer mon fichier CSS
    Par fytheone dans le forum Servlets/JSP
    Réponses: 3
    Dernier message: 07/01/2005, 10h58
  5. ajout evenements dans le fichier CSS
    Par cosminutza dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 20/11/2004, 15h50

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo