de la fenêtre. Essayez de la redimensionner, pour voir !
===== Codez des interfaces responsives =====
... eur de la fenêtre de votre navigateur. Vous allez voir que, si celle-ci est trop petite, l'image se forc... contiennent.
Les propriétés CSS que nous allons voir ici ont justement été créées pour contrôler les d... ltat, un long paragraphe en lorem ipsum permet de voir qu'il déborde du cadre qu'on lui a fixé, c'est-à-
:
{{bloc_or_inline.jpg}}
Comme vous pouvez le voir, les blocs sont les uns en dessous des autres. On... très précis. Essayez le bout de code suivant pour voir :
<code css>
p {
width: 250px;
}
</code>
Le... ême que pour la propriété ''border'', vous allez voir !
===== Spécifiez les propriétés margin et paddi
un tas d'autres propriétés utiles que nous allons voir juste après, on va y revenir.
Essayez aussi de tester l'ordre inversé, pour voir :
<code css>
.container {
display: flex;
... ts à aller à la ligne avec ''flex-wrap''.
Voyons voir comment les lignes se répartissent différemment a
aux bonnes dimensions. Pour corriger cela, on va voir ensemble comment changer le comportement de l'ima... t on verra donc à travers !
Comme vous pouvez le voir, si vous appliquez la propriété opacity à un élém
te>
Attention, la balise ''<header>'' n'a rien à voir avec la balise ''<head>'' que vous aviez vue dans... ge. Sur Wikipédia, par exemple, il est courant de voir à droite un bloc d'informations complémentaires à
<p>
Faites un souhait que vous voudriez voir exaucé :
<input type="radio" name="souhai... set"'' : remise à zéro du formulaire (testez pour voir).
* ''type="image"'' : équivalent du bouton ''s
aptés aux écrans plus petits, comme une tablette, voire un téléphone.
Comment ça fonctionne ? La syntax... loyer votre code Sass en ligne. C'est ce qu'on va voir dans le prochain et dernier chapitre.
[[230_a
