avec display =====
La propriété CSS ''display'' permet de transformer n'importe quel élément de votre pa... k;'' qui rend vos éléments ''inline'' tout en **permettant de les dimensionner**.
===== Positionnez vo... 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 no
besoin de la balise HTML ''<form></form>'', elle permet d'indiquer le début et la fin du formulaire.
Voi... va traiter les informations.
Tout cela va nous permettre de créer la structure de base d’un formulaire ... ulaire qu'on restera sur la même URL, ce qui nous permettra plus tard d'inspecter ce qu'on obtient, assez ... ébergée et qui s’exécute sur un serveur web. Elle permet de faire des tâches plus complexes, comme traiter
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 permettre d’écrire du code propre, plus organisé et surtou
r du texte avec color =====
La propriété CSS qui permet de modifier la couleur du texte, c'est ''color''.... fond derrière un élément HTML ====
La propriété permettant d'indiquer une image de fond est ''background... 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
==
''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... ter la propriété CSS ''border-collapse'' qui nous permettait de "coller" les cellules entre elles.
C'est
lequel s'affiche le site web.
Les media queries permettent d'adapter la présentation du contenu en fonct... 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... disponibles =====
Il existe de nombreuses règles permettant de construire des media queries. Mais pour ne
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
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... * Les CSS Grids sont complémentaires à Flexbox et permettent de créer facilement des mises en page plus él
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... te web dynamique avec PHP =====
Les langages qui permettent de créer des sites web dynamiques s'exécutent
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 ... tructure HTML aussi clairement, certes, mais vous permettra de maintenir une spécificité basse et donc de ... aussi appelé //sélecteur d’éléments descendant//, permet de sélectionner les éléments qui dépendent d’un s
openclassrooms.com|Openclassrooms]].
Le CSS nous permet aussi de modifier l'apparence des éléments de faç... ver'' signifie d'ailleurs “survoler”), et va nous permettre d'y appliquer un style.
==== Déclarez le séle... 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
pseudo-classes et attributs ====
Les **classes** permettent d’appliquer un style à plusieurs éléments.
U... classe** est un mot clé ajouté à un sélecteur qui permet de **spécifier un état**, comme '':hover'', par ... e la souris au-dessus du sélecteur. Les attributs permettent de sélectionner un sélecteur précis.
<code h... même s’appliquer au même élément.
La spécificité permet donc d’**attribuer un score** à un sélecteur afin
===== 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... |
Choix2. La syntaxe Sass a pour avantage de nous permettre de nester, ou imbriquer notre code. Elle s’app
