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 :

Utilisation balise html ou class


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    En reconversion
    Inscrit en
    Mai 2006
    Messages
    510
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : En reconversion

    Informations forums :
    Inscription : Mai 2006
    Messages : 510
    Par défaut Utilisation balise html ou class
    Bonjour a tous,

    Quel est la meilleur méthode ou est ce qu'il n'y a aucune différence entre cibler le code CSS sur des balise html ou mettre des class dans les balise et utiliser les class.
    Dans le sens ou cibler les balises suffise a bien cibler ce que l'on veut.
    Du genre:

    Code CSS : 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
     
    ul {
      /*menu tableau flexbox bleu avec bordure*/
      margin: 0px;
      padding: 0px;
      list-style: none;
      display: flex;
      flex-flow: row;
      align-items: center;
      align-content: space-around;
      background-color: #0ad; /*Bleu*/
      width: 100%;
      height: 100px;
      border: 3px solid blue;
      box-sizing: border-box;
      font-size: 20px;
    }
    ou
    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
    .tableau {
      /*menu tableau flexbox bleu avec bordure*/
      margin: 0px;
      padding: 0px;
      list-style: none;
      display: flex;
      flex-flow: row;
      align-items: center;
      align-content: space-around;
      background-color: #0ad; /*Bleu*/
      width: 100%;
      height: 100px;
      border: 3px solid blue;
      box-sizing: border-box;
      font-size: 20px;
    }

    Existe t'il une différence entre les deux ciblages?

    En espérant avois été clair.

    Merci d'avance

  2. #2
    Membre Expert
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    2 495
    Détails du profil
    Informations personnelles :
    Âge : 55
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 495
    Par défaut
    la difference sera le "poids" du selecteur

    ptitgraig.github.io/posts/2014-06-18-comment-bien-calculer-le-poids-dun-selecteur-css/

    (recherche "poids selecteur css" dans ton moteur de recherche si tu veux d'autres explications)
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    Venez discuter sur le Chat de Développez !

Discussions similaires

  1. Utilisation des balises HTML dans QString
    Par pezimad dans le forum Débuter
    Réponses: 3
    Dernier message: 12/09/2013, 11h58
  2. Utiliser une classe CSS sans l'attribuer à une balise HTML
    Par islogged dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 20/07/2011, 21h23
  3. JSP : Utilisation d'une itération dans une balise <html:option
    Par sandrine49 dans le forum Servlets/JSP
    Réponses: 2
    Dernier message: 18/05/2011, 11h29
  4. [JLabel] Utilisation d'une balise html
    Par nicou_doude dans le forum Composants
    Réponses: 10
    Dernier message: 27/02/2008, 14h18
  5. [DOM] utiliser les fonctions Node sur des balises html
    Par durthu dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 29/10/2007, 14h42

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