uge
- Vert
- Bleu
++++ Réponse|
Choix 3. En suivant le principe de la spécificité et les règles de pr... ns votre HTML (ou inline), le navigateur passe au suivant : id. Un ID est déclaré, c’est donc lui qui l’emp... ==== Question 6 =====
En vous basant sur le HTML suivant,
<code html>
<div class="header">
<h1> Ti... serait la manière adaptée de nommer le h1 tout en suivant la convention BEM ?
- ''%%.header .title%%''
déjà 9 éléments déclarés côté HTML de la manière suivante :
<code html>
<div class="conteneur">
<div ... pour nos éléments.
On aura besoin des propriétés suivantes pour déclarer nos éléments :
* ''grid-column... couvrir toute la largeur, on "atteint" un élément suivant.
</note>
===== Mesurez vos rangées =====
On veu... ox|◁ Précédent]] |
[[000_start|⌂ Retour au sommaire]] |
[[325_autres_techniques_de_mise_en_page|Suivant ▷]]
margin: auto;
}
Modifions le CSS initial comme suivant :
<code css>
#carapuce {
background-image: url(... F.png>;);
background-size: cover;
}
</code>
En suivant notre logique, à votre avis, quel pokémon apparaî... ’ordre dans votre CSS.
Dans le chapitre suivant, vous mettrez en pratique vos nouvelles connaissa... er_votre_code|◁ Précédent]] |
[[000_start|⌂ Retour au sommaire]] |
[[130_clarifier_html_via_bem|Suivant ▷]]
des éléments présents dans un fichier CSS est la suivante :
<code css>
h1 {
color: blue;
}
</code>
Dan... uement "990 espèces d'oiseaux" dans le paragraphe suivant :
<p>Il existe plus de 990 espèces d’oiseaux rép... exemle).
◁ Précédent |
[[000_start|⌂ Retour au sommaire]] |
[[220_changer_apparence_du_texte|Suivant ▷]]
nt de la classe mon-element .
On a la structure suivante en HTML :
<code html>
<body>
<div class="mon-... sateurs.</p>
</div>
</body>
</code>
Et le code suivant en CSS :
<code css>
.mon-element:hover {
backg... et_ombres|◁ Précédent]] |
[[000_start|⌂ Retour au sommaire]] |
[[260_quiz_mise_en_forme_via_css|Suivant ▷]]
re un design très précis. Essayez le bout de code suivant pour voir :
<code css>
p {
width: 250px;
}
<... r centrer des blocs, il faut respecter les règles suivantes :
- Donner une largeur au bloc avec la propri... rer_la_page|◁ Précédent]] |
[[000_start|⌂ Retour au sommaire]] |
[[315_mise_en_page_via_flexbox|Suivant ▷]]
ra cliqué à l'intérieur du champ.
Dans l'exemple suivant, la zone de texte contient une indication permett... ser le fonctionnement du champ avec les attributs suivants :
* ''min'' : valeur minimale autorisée ;
*... des_tableaux|◁ Précédent]] |
[[000_start|⌂ Retour au sommaire]] |
[[415_finaliser_un_formulaire|Suivant ▷]]
n-tête (partie ''<head>'' de notre site) la ligne suivante :
<code html>
<meta name="viewport" content="wi... s règles peuvent être combinées à l'aide des mots suivants:
* ''only'' : “uniquement” ;
* ''and'' : “et... aliser_un_formulaire|◁ Précédent]] |
[[000_start|⌂ Retour au sommaire]] |
[[425_aller_plus_loin|Suivant ▷]]
chnique requiert quelques étapes de plus. Le lien suivant présente un [[https://developer.mozilla.org/fr/do... la_page_html|◁ Précédent]] |
[[000_start|⌂ Retour au sommaire]] |
[[230_ajouter_couleur_de_fond|Suivant ▷]]
out le bloc, et prend quatre valeurs dans l'ordre suivant :
* Le décalage horizontal de l'ombre.
* Le ... _de_fond|◁ Précédent]] |
[[000_start|⌂ Retour au sommaire]] |
[[250_creer_apparences_dynamiques|Suivant ▷]]
ser. Cette propriété CSS peut prendre les valeurs suivantes :
* ''row'' : organisés sur une ligne (valeu... modele_des_boites|◁ Précédent]] |
[[000_start|⌂ Retour au sommaire]] |
[[320_bases_de_css_grids|Suivant ▷]]
teur peut donc obtenir une page web personnalisée suivant ses besoins !
Les langages “côté serveur” sont n... cédent]] |
[[000_start|⌂ Retour au sommaire]] |
[[430_quiz_fonctionnalites_avancees_html_et_css|Suivant ▷]]
end le dessus sur une autre ?
Passez au chapitre suivant pour approfondir vos connaissances sur les priori... t notamment la spécificité.
[[000_start|⌂ Retour au sommaire]] |
[[120_definir_les_priorites|Suivant ▷]]
fin de section ! Je vous retrouve dans la partie suivante où nous utiliserons Sass pour optimiser votre co... tml_via_bem|◁ Précédent]] |
[[000_start|⌂ Retour au sommaire]] |
[[150_quiz_structurer_son_code|Suivant ▷]]
