Ressources Magic Makers

EXPERIMENTER

J'apprends en me trompant.

EXPERIMENTER

J'apprends en me trompant.

PARTAGER

J'ai des idées et je les partage avec les autres.
partager

PARTAGER

J'ai des idées et je les partage avec les autres.

RAISONNER

Je suis fier de ce que je fais.

RAISONNER

Je suis fier de ce que je fais.

INVENTER

Je suis la pour créer.

INVENTER

Je suis la pour créer.

S'AMUSER

Je viens parce que j'en ai envie.

S'AMUSER

Je viens parce que j'en ai envie.
Menu
UP

 

Site en maintenance

 
Nous sommes actuellement entrain de mettre à jour les ressources de ce site.
Pendant la mise à jour vous pouvez retrouver tous les nouveaux contenus sur le site
 

https://lp-magicmakers.fr/

 
 

Bases du css

La structure d'une page CSS

On va pouvoir modifier les éléments du fichier HTML dans le fichier CSS lié ! 

On note dans un premier temps l’élément qu’on veut modifier (la balise, class, id..) et entre des accolades on note nos modification. On sépare chaque modification par un ‘;’ !!

Intégrer sa feuille de style css

L’intégration du css se fera toujours entre les balises <header>, il te suffira de rajouter la ligne suivante en remplaçant si besoin « style.css » par le nom de ton fichier css.

<link rel="stylesheet" href="style.css">
Attention : cette balise s'intègre entre les balises <header></header> !

Les balises, les classes, les id ?

Les balises

Si l’on marque le nom d’une balise, h1 par exemple, cela modifiera toutes les balises de ce type avec les modifications.

Exemple : 

h1{
  color:#ee5d5d;
  font-size: 32px;
  text-align: center;
}

Les classes

Parfois on veux vouloir modifier seulement certaines balise d’un certain type et pas d’autre, c’est le cas des balises texte ou image par exemple, dans ce cas nous allons utiliser une classe.

Une classe est un élément que l’on va attribué à ce que l’on veux modifier en html, chaque élément auquel on aura attribué la classe obtiendra les modifications css de cette classe.

Pour attribué une classe on rajoutera dans la balise le paramètre suivant : class=« Nom de la classe »

Pour modifier une classe en css on mettra un point avant le nom de la classe.

Exemple : 

  <p> ce texte n'est pas bleu</p>
  <p class="textBleu"> celui ci est bleu</p>


.textBleu{
  color:#2c50dd;
  font-size: 18px;
}

Les id

Les id fonctionne exactement comme une classe, avec deux petites différences:

  • On ne peux en avoir qu’un seul identique par page.
  • On peux envoyer un lien dessus, par exemple pour créer un lien qui remonte en haut de la page.

Pour attribué un id on rajoutera dans la balise le paramètre suivant : id=« Nom de la classe »

Pour modifier un id en css on mettra un # avant le nom de la classe.

Exemple : 

  <p> ce texte n'est pas bleu</p>
  <p class="textBleu"> celui ci est bleu</p>
  <p id="unique"> ce texte à un id</p>


#unique{
  color:#0ab226;
  font-size: 25px;
}

Les paramètres css

Sur cette fiche tu trouvera plein d’élément pour modifier ta page internet.

— Ressources makers CSS —

Paramètres des textes

Voir toutFermer

Paramètres des liens

Voir toutFermer

Paramètres des images

Voir toutFermer

Paramètres des boites

Voir toutFermer