avec display =====
La propriété CSS ''display'' permet de transformer n'importe quel élément de votre pa... voir une nouvelle propriété : ''position''. Elle permet de positionner avec précision des éléments sur la... s superposer).
* Le **positionnement relatif** permet de décaler l'élément par rapport à sa position normale.
* Le **positionnement absolu** permet de placer un élément n'importe où sur la page (en
r du texte avec color =====
La propriété CSS qui permet de modifier la couleur du texte, c'est ''color''.... e connaissez pas encore cette propriété mais elle permet de s'assurer que nos éléments prennent bien toute... e connaissez pas encore cette propriété mais elle permet d'ajouter de l'espace dans notre élément*/
back... round-attachment'' associée à la valeur ''fixed'' permet de rendre l'image de fond fixe lorsqu'on déroule
2 parties :
* Le sélecteur : (ici ''h1'') qui permet de désigner les balises HTML dont on veut modifie... stés via 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 beauc... ss>
h1, p {
color: blue;
}
</code>
Ce code CSS permet d'afficher les titres de niveau 1 et les paragrap
cran sur lequel il s'affiche. Une valeur relative permet de choisir une taille de la même manière qu'on ut... riété CSS font-family =====
La propriété CSS qui permet d'indiquer la police à utiliser est ''font-family... '' : le texte sera normal (par défaut). Cela vous permet d'annuler une mise en italique. Par exemple, si v... ation =====
La propriété CSS ''text-decoration'' permet, entre autres, de souligner le texte, mais pas se
==
''border-collapse'' est une propriété CSS qui permet de “coller les bordures entre elles”. Elle peut p... border: 1px solid black;
}
</code>
Ce qui nous permet d'obtenir :
{{schema_html_table_03.png}}
Les bo... ement, tout tableau doit avoir un titre. Le titre permet de renseigner rapidement le visiteur sur le conte... er un attribut dans la balise HTML ''<td>''. Cela permet d'indiquer le nombre de cellules à fusionner entr
est un préprocesseur CSS. C’est un outil qui vous permet d’écrire du CSS, avec une syntaxe différente.
Pr... uoi ? 🤔
La compilation est un processus qui vous permet de transformer Sass en CSS traditionnel. Voyez ça... prendre à maîtriser sa **syntaxe**, car elle vous permet de bénéficier de fonctionnalités qui vont vous pe... rd ! Comme elle est très proche du CSS, elle nous permet de ne pas être perdus lorsque nous écrivons du CS
lassrooms]].
La syntaxe est importante et nous permet d’écrire du code plus organisé, certes ; mais seu... /www.sassmeister.com/|SassMeister]]. Ce site vous permet de coder en Sass ou SCSS, et d’observer en temps ... aussi appelé //sélecteur d’éléments descendant//, permet de sélectionner les éléments qui dépendent d’un s... jà croisé sans le savoir : par exemple, ''ul li'' permet de cibler n’importe quel élément ''<li>'' dans un
la première partie :
* la balise ''<header>'' permet de créer une partie de la page HTML ;
* la balise ''<head>'' permet d'inclure des informations générales sur la page,... principal de la page =====
La balise ''<main>'' permet de déclarer le contenu principal de votre page. E... urer une page, comme ''<aside>'' par exemple, qui permet de contenir des informations complémentaires au d
nt 9</div>
</div>
</code>
La classe CSS ''.box'' permet d'ajouter un peu de style aux éléments. Pour que ... ropriété CSS gap =====
La propriété CSS ''gap'' permet de créer des espacements entre vos éléments. Si v... peu notre code pour avoir une structure qui nous permet simplement de mettre en place la grille. Ce qui n... d'indiquer une fraction de la grille.
* ''gap'' permet d'espacer les éléments entre eux.
* Les grids c
besoin de la balise HTML ''<form></form>'', elle permet d'indiquer le début et la fin du formulaire.
Voi... ébergée et qui s’exécute sur un serveur web. Elle permet de faire des tâches plus complexes, comme traiter... vec uniquement notre champ de texte monoligne qui permet au visiteur de saisir son prénom :
<code html>
<... te une indication pour lui) ; et le ''textearea'' permet de spécifier un champs étirable.
Cela dit, en de
apte à la largeur d’affichage de l’appareil. Cela permet notamment un affichage correct sur nos téléphones... ge se fait sur une base de 390 x 844 pixels. Cela permet donc d’assurer un affichage standard sur tous les... et maximales. C'est très pratique, car cela nous permet de définir des dimensions “limites” pour que notr...
Pour résultat, un long paragraphe en lorem ipsum permet de voir qu'il déborde du cadre qu'on lui a fixé,
nt sur le Web, en plus de HTML et CSS. Javascript permet de rajouter de l'interactivité à un site web (rép... pendant que le visiteur consulte la page ;
* il permet aussi d'afficher des boîtes de dialogue à l'écran... Asynchronous JavaScript And XML). Cette technique permet de modifier une partie de la page web que le visi... ces données !
Au final, ce type de langage vous permet de réaliser vos rêves les plus fous sur votre sit
openclassrooms.com|Openclassrooms]].
Le CSS nous permet aussi de modifier l'apparence des éléments de faç... et exemple, les changements sont brusques. Le CSS permet pourtant de créer des effets fondus, ou bien des ... avec :active =====
La pseudo-classe '':active'' permet d'appliquer un style particulier au moment du cli
classe** est un mot clé ajouté à un sélecteur qui permet de **spécifier un état**, comme '':hover'', par ... même s’appliquer au même élément.
La spécificité permet donc d’**attribuer un score** à un sélecteur afin... .
===== En résumé =====
* La **spécificité** permet de mesurer le poids d’un sélecteur au sein du HTM
===== Question 3 =====
En CSS, la spécificité permet :
- d’attribuer un score à un sélecteur afin d... La bonne réponse est la première : la spécificité permet de mesurer le poids d’un sélecteur et, dans le ca... est un préprocesseur CSS. C’est un outil qui vous permet :
(Plusieurs réponses possibles)
- de lancer u
