Comment fonctionne le code CSS ?

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Comment fonctionne le code CSS ?

Message par Elodid le Lun 31 Mai 2010 - 12:37

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! Confused

Elodid
Nouveau membre

Messages : 13
Inscrit(e) le : 27/05/2010

Elodid a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment fonctionne le code CSS ?

Message par vpeybernes le Lun 31 Mai 2010 - 14:17

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

vpeybernes
*****

Masculin
Messages : 646
Inscrit(e) le : 24/03/2010

http://zonescript.forumactif.fr
vpeybernes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment fonctionne le code CSS ?

Message par Elodid le Lun 31 Mai 2010 - 14:55

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

Elodid
Nouveau membre

Messages : 13
Inscrit(e) le : 27/05/2010

Elodid a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment fonctionne le code CSS ?

Message par vpeybernes le Lun 31 Mai 2010 - 15:50

Pour faire simple un code CSS ce décrit en 3 partie :
@code a écrit: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é.
    @code a écrit: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.
    @code a écrit:.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.
    @code a écrit:#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.

vpeybernes
*****

Masculin
Messages : 646
Inscrit(e) le : 24/03/2010

http://zonescript.forumactif.fr
vpeybernes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment fonctionne le code CSS ?

Message par Ea le Mar 15 Juin 2010 - 2:02

Bonjour,

Où en est votre problème ? Est il résolu 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 merci

A bientôt sur ForumActif
Smile

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum