onc maintenant l'intérêt de **Flexbox** !
===== Alignez les éléments d'un conteneur avec display: flex;... eurs suivantes :
* ''row'' : organisés sur une ligne (valeur par défaut) ;
* ''column'' : organisés ... colonne ;
* ''row-reverse'' : organisés sur une ligne, mais en ordre inversé ;
* ''column-reverse'' :... e le même depuis le début.
===== Retournez à la ligne avec la propriété flex-wrap =====
Par défaut, l
<tr> et <td> =====
Pour construire un tableau ligne par ligne, on indique pour chaque ligne, ''<tr>''(pour table row ou "rangée du tableau"), le contenu des différent... ''<tr></tr>'' indique le début et la fin d'une **ligne du tableau** ;
* ''<td></td>'' indique le début
e type de champ que l'on veut ajouter : texte monoligne, email, date, etc.
==== Ajoutez une zone de texte monoligne avec <input type="text"> ====
Une zone de texte monoligne est une zone de texte d’une seule ligne. On l'utilise pour des champs de texte qui ne requièrent que que
sass html}}
====== Déployez votre code Sass en ligne ======
Notes et transcriptions du cours [[https:... être en totale autonomie.
===== Utilisez Sass en ligne =====
Si vous vous souvenez bien, en fin de la p... CSS.
Il existe bien des outils et plateformes en ligne pour pouvoir pratiquer votre code Sass sans l’ins... atiquer ensemble. CodePen nous permet de coder en ligne en Sass, sans nous préoccuper de compiler ou non
s 3 et 4 prennent chacun 1 tiers pour terminer la ligne et la moitié de la hauteur du 2. Et ainsi de suit... ur comme un ensemble d'éléments délimités par des lignes horizontales et verticales. Ces lignes sont invisibles, mais peuvent être inspectées avec les outils de... éléments :
* ''grid-column-start'' indique la ligne verticale de départ de l'élément ;
* ''grid-col
e.png|Modifier la graisse d'un texte.}}
===== Soulignez du texte avec la propriété CSS text-decoration =... S ''text-decoration'' permet, entre autres, de souligner le texte, mais pas seulement. Voici quelques-une... par défaut, sauf dans le cas des liens).
===== Alignez du texte avec la propriété CSS text-align =====
Le propriété CSS ''text-align'' permet d'aligner du texte selon la valeur qu'on lui donne :
*
ype de balise crée automatiquement un retour à la ligne avant et après ;
* ''inline'': ce type se trou... 'block'', et le texte vient s'insérer sur la même ligne.
===== Faites bon usage des balises universelle... as collés, et qu'on a l'impression de “sauter une ligne”.
===== Ajoutez une marge intérieure avec la pr... e sur nos paragraphes, en ajoutant simplement une ligne au CSS :
<code css>
p {
width: 350px;
ba
faut indiquer quelle taille on veut, etc. Chaque ligne se termine par '';''.
Le fichier CSS peut conten... profite pour ajouter un commentaire
sur plusieurs lignes */
color: blue;
}
</code>
===== Appliquez une... et provoquent donc obligatoirement un retour à la ligne. ''<div>'' est une balise fréquemment utilisée da... our lier les fichiers CSS et HTML, on rajoute une ligne dans la balise <head> </head> du fichier HTML :
t une autre syntaxe, vous trouverez des outils en ligne, comme [[https://coolors.co/|Coolors]] ou encore ... );
}
</code>
Si je devais lire en français cette ligne de CSS, voici ce que ça donnerait : "J'applique
(sans oublier le point virgule ; à la fin de la ligne) dans notre code :
<code css>
.element {
font-... rs générées automatiquement grâce à des outils en ligne. Le résultat est unique !
===== Ajoutez une omb
e structurer votre code avant d’écrire la moindre ligne de code est très important, et cela vous fera gag... 50_deployer_code_sass|Déployez votre code Sass en ligne]]
* [[260_quiz_optimiser_css_avec_sass|Quiz : O
