ver =====
La pseudo-classe '':hover'' s'applique lorsque l'utilisateur survole un élément avec sa souri... un style au survol d'un paragraphe (on écrirait alors ''p:hover''), ou bien d'un élément auquel on a at... e définir l'apparence que doivent avoir les liens lorsqu'on pointe dessus. Laissez libre cours à votre i... peu de temps : en fait, le changement intervient lorsque le bouton de la souris est enfoncé. Ce n'est d
trouverez des outils en ligne, comme [[https://coolors.co/|Coolors]] ou encore [[https://www.w3schools.com/colors/colors_picker.asp|HTML Color Picker]].
</note>
===== Appliquez une couleur d'arrière-plan avec backgro
ss>
.container {
display: flex;
}
</code>
... alors les blocs se placent par défaut côte à côte. Magi... ez demander à ce que les blocs aillent à la ligne lorsqu'ils n'ont plus la place, avec ''flex-wrap''.
V... ut) ;
* ''wrap'' : les éléments vont à la ligne lorsqu'il n'y a plus la place ;
* ''wrap-reverse'' : les éléments vont à la ligne, lorsqu'il n'y a plus la place, en sens inverse.
<code
play: none;
}
</code>
''none'' est très pratique lorsqu'il faut cacher certains éléments en fonction de... utilise ''position: relative;''. Notre élément a alors un point d'origine : le point de coordonnées (0,... t le déplacer pour créer un décalage.
On accède alors à quatre propriétés CSS qui vont nous permettre d... 4 (avec les coordonnées top: 0 et left: 0) vient alors se positionner en haut à gauche de l'élément 2.
grid; =====
De la même manière que pour Flexbox, lorsque vous utilisez CSS Grids, vous pouvez imaginer ... de se demander comment représenter nos éléments. Lorsque vous créez un tableau, vous réfléchissez aux c... mns: 100px 300px 200px;
}
</code>
Et on obtient alors :
{{exemple_css_grid_02.png}}
La largeur des col... , vous précisez simplement une valeur.
On écrit alors :
<code css>
.conteneur {
display: grid;
r au visiteur de renseigner son prénom. On écrit alors :
<code html>
<input type="text" name="prenom">
... si l'attribut name ne s'affiche pas ?
Bien vu ! Lorsqu’un visiteur tombe sur un champ de texte à saisi... ame'' et ''id'' auront donc la même valeur. Mais lorsque nous utiliserons des ''checkbox'' ou des ''ra... il existe d'autres type de saisie. On utilisera alors la balise ''input'' et l'attribut ''type'' (pou
enom" required>
</code>
Le navigateur indiquera alors au visiteur, si le champ est vide au moment de l'... se '':focus'' pour changer l'apparence d'un champ lorsque le curseur se trouve à l'intérieur.
Exemple p... arence d'un bouton qui affiche le mot "Envoyer".
Lorsque vous cliquez sur le bouton Envoyer, le formulaire vous amène alors à la page indiquée dans l'attribut ''action''. Le
aire déjà beaucoup de choses en HTML et CSS mais, lorsqu'on veut rendre sa page plus interactive, un lan... angages serveur permettent de générer la page web lorsque le visiteur arrive sur votre site. Chaque visi
==== Coupez ce qui dépasse avec overflow ====
Lorsqu'on commence à définir des dimensions précises p... ilisateur est plus petit que la taille X pixel, alors appliquer ce style".
* Il est ensuite possible
