Entrainement au codage
 
AccueilCalendrierFAQRechercherS'enregistrerConnexion

Partagez | 
 

 Codage IV - Basic CSS Structure

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Danou
Admin
avatar

Messages : 783
Poutous : 957
Date d'inscription : 24/05/2016

MessageSujet: Codage IV - Basic CSS Structure    Mer 9 Aoû - 17:34


Pour faire miroir à un élément html en CSS il faut d'abord le "traduire" en quelque sorte. Pour ça c'est assez simple. Exemple:

Code:
<p>

devient

Code:
p {

}

Les { } sont importants. Pour ensuite déterminer le style donné à l’élément il faut: 1- la forme (couleur, taille,) puis 2- la valeur de cette forme (par exemple dans font-size=18xp, font-size c'est la forme, 18xp c'est la valeur de cette forme).

Code:
h1 {
  color: Blue;
}

Le titre apparaîtra donc sur le forum en bleu comme indiquer dans le CSS. La ; est importante, elle finalise l'ordre.

Ceci est une CSS rule permettant ainsi de planifier tout ce qui est immuable.

Code:
h1 {
  color: firebrick;
}
p {
  font-size: 18px;
  }
Revenir en haut Aller en bas
Danou
Admin
avatar

Messages : 783
Poutous : 957
Date d'inscription : 24/05/2016

MessageSujet: Re: Codage IV - Basic CSS Structure    Mer 9 Aoû - 17:41

On peut également coder en CSS plusieurs éléments de la même façon. Cela permet de ne pas devoir changer ou coder un par un tout les éléments qui fonctionnent en miroir (comme les catégories etc).

Code:
h1, h2, p {
  color: Green;
}

Il y a également un sélecteur universel
Code:
*
. Ce dernier permet de mettre au même diapason tout les mêmes éléments.

Code:
* {
  font-family: Arial;
}

Tout sera alors dans la même police.

Code:
* {
  font-family: Georgia;
}

h1, p {
  color: DarkSlateGray;
}

p {
  font-size: 18px;
}

Comme on peut le voir ici, il faut toujours une ligne d'espace entre les codages d'éléments. Les règles sont les suivantes:


  • un espace entre le dénominateur de ce qu'on code et le bidule ({)

  • pas d'espace par contre entre les bidules mm si on va à la ligne ({ and })

  • entre chaque ligne css il doit y avoir une ligne d'espace vide, toujours


  • Ceci est afin de faciliter le repérage dans les fiches de constructions CSS qui sont assez longues par conséquent. Tout comme dans l'HTML, il est conseillé de mettre des commentaires pour se repérer. On les mets entre /* blablabla */

    Code:
    /* Paragraph Styling */
    p {
      color: Blue;
    }

Revenir en haut Aller en bas
 
Codage IV - Basic CSS Structure
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Beugue structure forum
» Structure pour un programme Windows 1/4
» bavardage sur basic ;)
» [ résolu ] orca browser ne se connecte pas sous vista basic
» La structure binaire d'un .bmp

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Tepouakap :: Codage forum :: Leçons-
Sauter vers: