e la balise HTML ''<form></form>'', elle permet d'indiquer le début et la fin du formulaire.
Voici les deux attributs indispensables pour construire un formulaire fonctionnel :
* L'attribut ''method'' indique par quel moyen les données vont être envoyée... s sont ''get'' et ''post''.
* L'attribut action indique l'adresse de la page ou du programme qui va
ple imposer à des liens (originellement de type ''inline'') d'apparaître sous forme de type ''block'':... ent possible de modifier leurs dimensions! Et à l'inverse, vous pouvez tenter de faire en sorte qu'un ... t qui est de type ''block'' par défaut devienne ''inline''.
<note>
Si vous ne vous souvenez plus de la différence entre ''inline'' et ''block'', je vous conseille de relire l
férencier les balises de type block et de type inline =====
En HTML, la plupart des balises peuven... ment un retour à la ligne avant et après ;
* ''inline'': ce type se trouve obligatoirement à l'intérieur d'une balise ''block''.
<note>
Il existe en ... es (type ''list-item''). Nous n'allons pas nous y intéresser pour le moment, car ces balises sont mino
s://openclassrooms.com/|Openclassrooms]].
===== Initiez-vous aux variables =====
Pour le moment, le... ous les utilisons sans arrêt. Entre nous, je suis incapable de retenir les couleurs par leur **code co... les valeurs à la main, une par une.
Reprenons l’introduction de notre site, que remarquez-vous ?
<c... ss>
.navbar__link--purple {
color: #a5b4fc;
}
.intro__title {
margin-bottom: 15px;
font-size: 3
je vous expliquais que les navigateurs ne peuvent interpréter Sass par eux-mêmes, et que c’est pourquo... gne pour pouvoir pratiquer votre code Sass sans l’installer sur votre ordinateur.
* [[https://codep... e mieux que de pouvoir essayer en ligne sans rien installer. Seulement, comment faire dans le cas où v... ce sans vous perdre dans des milliers de lignes d’installations, de bugs, de librairies qui ne fonctio
|Openclassrooms]].
Vous avez créé un mixin pour incorporer une bordure sur le titre du portfolio de ... r cette ombre. Quelle serait la meilleure façon d’intégrer cette proposition en tenant compte de votre... ent cette mixin est-elle utilisée ?
<code sass>
.intro__title {
color: $title-color;
@include title-shadow;
}
</code>
La mixin ''title-shadow'' est
es navigateurs mais il existe d'autres manières d'indiquer une couleur en CSS :
*Sous forme hexadéc... d'arrière-plan avec background-color =====
Pour indiquer une couleur de fond, on utilise la propriét... décimale ou encore utiliser la méthode RGB.
Pour indiquer la couleur de fond de la page web, il vaut ... ne balise, toutes les balises qui se trouvent à l'intérieur prendront le même style. Cela s’appelle l’
{{tag>dev web html css}}
====== Intégrez le CSS dans la page HTML ======
Notes et transcriptions du ... s feuilles de styles.
La balise <link> doit être insérée sous <head></head> :
<code html>
<head>
... des propriétés. Par exemple, ''color'' permet d'indiquer la couleur du texte, ''font-size'' permet d'indiquer la taille du texte, etc. Il existe beaucoup
150px;'').
Pourquoi faut-il faire ça ?
En fait, indiquer une hauteur avec la propriété ''height'' à ... ouvoir spécifier avec ''grid-template-rows'', en indiquant la hauteur de chacune, comme on l'a fait p... ode>
Si vous laissez la hauteur fixe et que vous indiquez en même temps différentes hauteurs pour les... cas, le navigateur va vouloir appliquer les deux instructions en même temps ce qui ne vous donnera pa
-size'' avec une valeur **absolue** ou relative.
Indiquer une taille absolue, c’est très précis, mais... onne verra le contenu de la page, car on risque d'indiquer une taille trop petite pour certains lecteurs.
Indiquer une taille relative a l'avantage d'être plu... e au texte avec une valeur absolue en px
Pour indiquer une taille absolue, on utilise généralement
faut :
- Définir un conteneur ;
- Placer à l'intérieur plusieurs éléments.
Imaginez un carton da... us avons l'habitude. Découvrons donc maintenant l'intérêt de **Flexbox** !
===== Alignez les éléments... peut les positionner verticalement ou encore les inverser. Cette propriété CSS peut prendre les valeu... everse'' : organisés sur une ligne, mais en ordre inversé ;
* ''column-reverse'' : organisés sur une
e notre CSS comme ceci :
<code css>
a:hover {
// Insérer ici les propriétés CSS à appliquer
}
</code>... e créer des apparences dynamiques en fonction des interactions avec les utilisateurs.</p>
</div>
</b... ent autant de fois que souhaité. Si ce sujet vous intéresse, je vous conseille de jeter un œil au cour... nt que très peu de temps : en fait, le changement intervient lorsque le bouton de la souris est enfonc
a page HTML ;
* la balise ''<head>'' permet d'inclure des informations générales sur la page, notamment son titre, des liens vers des polices, vers un... ez la balise <footer> pour le pied de page
À l'inverse de l'en-tête, le pied de page se trouve tout en bas de la page. On y trouve généralement des informations comme des liens de contact, les mention
tre catégories de règles CSS :
==== 1 - Le style inline, défini directement dans le HTML ====
Lorsqu... CSS dans du HTML, c’est ce qu’on appelle du style inline.
<code html>
<div style="background-color: r... er un état**, comme '':hover'', par exemple, qui indique que l’on passe la souris au-dessus du sélect... org/fr/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance#sp%C3%A9cificit%C3%A9|documentation MDN]
