Comment fonctionne le code CSS ?

[Elodid]

Re bonjour,

J'aimerais un petit grand éclaircissement à propos des codes CSS. Pour les modifier ou en intégrer des nouveaux c'est bien dans PA - Affichage - Images et couleurs - Couleurs - Feuilles et style CSS, il n'y a pas d'autres endroits?

- Pour ajouter des codes on les mets à la suite?

- Où trouver ces codes?

Un grand merci pour la plus que novice que je suis mais qui persévère!

[vpeybernes]

Bonjour.

C'est en effet à cette endroit.

Pour ce qui est des code à ajouter, le mieux reste d'apprendre le langage CSS, et donc le HTML aussi puisque l'un ne marche pas sans l'autre.
Le Site du Zéro est particulièrement bien conçu pour ça.

Cordialement

[Elodid]

Merci pour ce premier élément de réponse, vraiment très instructif votre lien.

Cependant, j'ai voulu faire un essai mais je n'ai pas les mêmes codes que les exemples donnés.

Pourrait-on faire un essai? Merci

[vpeybernes]

Pour faire simple un code CSS ce décrit en 3 partie :

selecteur {
propriété : valeur ;
propriété : valeur ;
}
selecteur {
propriété : valeur ;
propriété : valeur ;
}

Le sélecteur et l'élément pivot qui permet de faire le lien entre le CSS et le HTML. Il définie quelles balises HTML seront affecter par les propriété qui vont suivre. Il existe 4 sélecteurs. 3 Courant et un 4ème assez complexe que je ne détaillerai pas ici.

• Balise :
  Il sufi de noter le nom de la balise sans < crochet >. Ainsi tout les balise correspondante seront afecté par les propriété.

  a {
  color : red ;
  font-style : italic ;
  }

  Va rendre tout les lien (balise <a></a>) en rouge et italique.
  
• Classe :
  Ce sélecteur sélectionne toutes les balise portant la classe indiqué. Pour assigner une classe à une balise on la nome en valeur de la l'attribut class (<div class="maClasse"></div>) dans le code HTML. Dans le CSS on nome la classe en la précédant d'un point.

  .maClasse {
  color : red ;
  font-style : italic ;
  }

  Va rendre toutes les balise portant la classe maClasse (<a class="maClasse"></a>, <div class="maClasse"></div>,etc...) en rouge et italique.
  
• Identifiant :
  Le principe est le même que la classe, à la différence qu'un identifiant est unique. Si 2 identifant ce trouve dans le code HTML, seul le premier est pris en compte. Pour assigner un identifiant à une balise on la nome en valeur de la l'attribut id (<div id="monIdentifiant"></div>) dans le code HTML. Dans le CSS on nome la classe en la précédant d'un dièse.

  #monIdentifiant {
  color : red ;
  font-style : italic ;
  }

  Va rendre la seul balise portant l'identifiant monIdentifiant (<div id="monIdentifiant"></div>) en rouge et italique.
  

Les couple propriété/valeur permette de définir pour chaque sélecteur, toutes les propriétés d'affichage. La propriété et séparé de ça valeur par deux points (:) et chaque couple est séparé par des points virgules (;). L'ensemble des propriété d'un sélecteur est entouré par des { accolades }. La liste des propriété est très longue. Vous trouverez les différante propriété et leur valeur correspondante dans ce sommaire de références CSS2.

Si vous faites des teste sur votre forum directement, il vous faut reprendre les sélecteur du forum.

J'espères avoir put répondre à vos premier questionnement.

[Ea]

Bonjour, Où en est votre problème ? Est il résolu ? _____________________ Si vous n'avez pas eu de solutions, relancer régulièrement votre sujet (toutes les 24 heures au minimum). Et pensez à expliquer votre problème règulièrement, à chercher par vous même et montrez que vous cherchez de votre côté et pas que vous attendez simplement d'une réponse. _____________________ Lorsqu'un sujet est résolu : Cliquez sur le bouton de votre premier message du sujet. Cochez en dessous de la zone de message Enfin validez avec le bouton Pour remercier ceux qui vous ont aidés vous pouvez cliquer sur A bientôt sur ForumActif