=
Pour faire de la mise en page avec Flexbox, il faut :
- Définir un conteneur ;
- Placer à l'inté... 3</div>
</div>
</code>
Mais si je fais ça, par défaut, mes éléments vont se mettre les uns en dessous d... ;
}
</code>
... alors les blocs se placent par défaut côte à côte. Magique !
{{exemple_flexbox_01.png}... * ''row'' : organisés sur une ligne (valeur par défaut) ;
* ''column'' : organisés sur une colonne ;
de html>
<input type="text">
</code>
Ensuite, il faut donner un nom à votre zone de texte ; pour cela o... e saisi apparait. Comment le visiteur saura qu'il faut renseigner son prénom si l'attribut name ne s'aff... m">
</form>
</code>
Mais cela ne suffit pas : il faut lier le label à la zone de texte.
Pour ce faire,... prendrez mieux.
Pour lier le label au champ, il faut lui donner un attribut ''for'' qui a la même vale
'' : les bordures seront dissociées (valeur par défaut).
On écrit :
<code css>
table {
border-coll... emière ligne du tableau (c'est idiot, mais encore faut-il le préciser).
Comme le nom des cellules est un peu différent pour l'en-tête, il faut penser à mettre à jour le CSS pour lui dire d'app... au tableau au-dessus de la première ligne. Par défaut et pour rendre l'en-tête plus lisible, elle est e
e en pixels px ou en pourcentage %.
<note>
Par défaut, un bloc prend 100 % de la largeur disponible.
</... }
Comme vous pouvez le constater, il n'y a par défaut pas de marge intérieure (padding) dans le bloc du... e marge blanche (couleur du fond de la page par défaut). C'est cette marge qui fait que deux paragraphes... margin: auto; =====
Pour centrer des blocs, il faut respecter les règles suivantes :
- Donner une l
lesheet). Pour que qu'ils puissent s'appliquer il faut les associer au document HTML.
Pour lier les fic... :''. Par exemple, pour la propriété ''color'', il faut indiquer le nom de la couleur; Pour ''font-size'', il faut indiquer quelle taille on veut, etc. Chaque ligne... appliquer un style en particulier. Maintenant, il faut sélectionner l'élément que l'on a marqué dans le
ue ;
* ''normal'' : le texte sera normal (par défaut). Cela vous permet d'annuler une mise en italique... * normal : le texte sera écrit normalement (par défaut) ;
* thin: le texte est plus fin.
Mais il est ... ne-through'': barré ;
* ''none'': normal (par défaut, sauf dans le cas des liens).
===== Alignez du ... exte sera aligné à gauche (c'est le réglage par défaut) ;
* ''center'' : le texte sera centré ;
* ''
et le logo !
Pour mieux les identifier, il nous faut leur donner un nom. Le nom d’un élément doit indi... ecoration: none;
}
</code>
Après le CSS, il nous faut ajouter cette nouvelle classe à nos éléments, don... le ? Vous avez dit Modifier ? C’est ce qu’il nous faut, passons à présent aux **modificateurs** !
====... rdant tel quel ? C’est un modificateur qu’il vous faut !
Dans notre cas, nous aimerions que le lien ver
sez… Si on procède étape par étape, on sait qu’il faut une nouvelle couleur pour cette ombre. Quelle ser... titre, **de la même couleur**, seulement il vous faut une ombre, mais plus claire. Et puis un jour, une... ouleurs. Pour pouvoir faire cette recette il nous faut 2 ingrédients : une valeur de couleur et une vale... cette, les ingrédients, tout est mélangé. Il vous faut maintenant cuire les pancakes, dans notre cas : u
d: url("paysage.jpg") cover center;
}
</code>
Il faut savoir que :
* l'ordre des valeurs n'a pas d'i... a totalement opaque : c'est le comportement par défaut.
* Avec une valeur de 0, l'élément sera totalement transparent.
Il faut donc choisir une valeur comprise entre 0 et 1. Ai
eneur {
display: grid;
}
</code>
Ensuite, il faut préciser quelques éléments supplémentaires si on ... a classe ''.box'' (''height: 150px;'').
Pourquoi faut-il faire ça ?
En fait, indiquer une hauteur avec... , n'est-ce pas ?
C'est un peu écrasé tout ça. Il faut que j'ajoute des marges ou paddings sur chaque él
rte qu'un élément qui est de type ''block'' par défaut devienne ''inline''.
<note>
Si vous ne vous souv... ;
}
</code>
''none'' est très pratique lorsqu'il faut cacher certains éléments en fonction de la taille... es ''block'' que sur des balises ''inline''.
Il faut d'abord faire son choix entre les trois modes de
large :
<code css>
/* Paragraphes en bleu par défaut */
p {
color: blue;
}
/* Nouvelles règles si... s qu'elle peut accepter :
* ''visible'' (par défaut) : si le texte dépasse les limites de taille, il ... , plusieurs techniques sont nécessaires :
* Il faut tout d'abord réussir à sélectionner les différent
int prendra le pas sur l’ensemble de règles par défaut :
<code sass>
// Notre règle par défaut
.intro {
display: flex;
flex-direction: row;
align-it... ientôt la fin de ce cours ! Mais pas si vite ! Il faut encore déployer votre code Sass en ligne. C'est c
es elliptiques avec border-radius .Pour cela, il faut indiquer deux valeurs séparées par une barre obli... lément avec la super-propriété CSS ''border''. Il faut indiquer la largeur de la bordure, sa couleur et
e le navigateur applique ici aussi un style par défaut où color du lien actif est rouge.
</note>
==... un lien hypertexte qui a déjà été "cliqué". Par défaut, le navigateur colore un lien en violet. Mais grâ
