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 à l'essai
    Homme Profil pro
    Enseignant
    Inscrit en
    janvier 2018
    Messages
    31
    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 : 31
    Points : 23
    Points
    23
    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
    7 799
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juin 2003
    Messages : 7 799
    Points : 12 183
    Points
    12 183
    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 à l'essai
    Homme Profil pro
    Enseignant
    Inscrit en
    janvier 2018
    Messages
    31
    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 : 31
    Points : 23
    Points
    23
    Par défaut
    Merci, je vais étudier ça, j'aurais certainement un tas de questions

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