<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
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, les blocs essaient de rester sur la même ligne s'ils n'ont pas la place, quitte à "s'écraser",
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
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 :
texte monoligne est une zone de texte d’une seule ligne. On l'utilise pour des champs de texte qui ne req... quer qu'il s'agit d'une zone de texte d'une seule ligne :
<code html>
<input type="text">
</code>
Ensui... xte multiligne est une zone de texte de plusieurs lignes. C’est utilisé dans le cas où le visiteur d’un s... attributs :
* ''rows''(indique le **nombre de lignes** qui peuvent être affichées) ;
* et ''cols'
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
