On peut également définir la taille de la fonte en em. La taille d'une valeur exprimée en em est dynamique. Lorsqu'on définit la propriété font-size, un em est équivalent à la taille de fonte appliquée à l'élément parent de l'élément courant. Si cette taille n'a pas été définie pour l'élément parent, elle correspondra à la taille par défaut du navigateur (généralement 16px). Ainsi, si on définit font-size avec une valeur de 20px sur l'élément body, 1em correspondra à 20px et 2em à 40px. Ici, la valeur 2 est un facteur multiplicateur de la taille.
Je ne saurais pas donner de meilleure explication et espère que cela répond à votre question.
Ahmad bz : cet exemple ne fonctionne pas !! quelqu'un m'explique svp, ou est le probléme ?
Tu as le même problème que 99.99% des gens qui posent cette question sur ce forum : le chemin d'accès à tes fichiers fonts ne sont pas corrects. Ton code dit au navigateur d'aller chercher tes fichiers dans le même dossier que celui où se trouve ton fichier CSS alors qu'ils sont en fait dans le dossier fonts.
Autre point à corriger : tu fais appel à des fichiers au format .eot, .woff, .ttf et .svg mais il n'y a qu'un fichier .ttf dans ton dossier donc tu vas avoir plusieurs ressources en erreur 404.
Bonsoir ! j'ai un petit problème pour bien positionné mes titre h2 (Mes compétences, Ma formation ect..) j'aimerais positionné mes titre H2 au dessus de mes liste à puces et je n'arrive pas à trouvé la balise correspondante... Merci de votre aide si vous trouvez !
Bonsoir ! j'ai un petit problème pour bien positionné mes titre h2 (Mes compétences, Ma formation ect..) j'aimerais positionné mes titre H2 au dessus de mes liste à puces et je n'arrive pas à trouvé la balise correspondante... Merci de votre aide si vous trouvez !
Est ce que tu peux nous copier le code ?
Si tu tu met le titre h2 et la liste dans un block <div> ça devrais afficher les titres h2 au dessus .
Enfin, sans le css ca ne sert pas à grand chose, en plus tu vois au dessus de la barre ou tu écrit tu as ce bouton </> il sert à poser ton code tu choisit css dans la liste déroulante et tu y colle ton texte css.
Bonsoir j'ai un petit probleme, j'ai creé un jeu sur processing et je n'arrive pas a le faire affiché sur une page html, j'ai telecharger processing.js mon dossier est composé du code html, de processing.js et du fichier du jeu processing , mais impossible a le faire fonctionné sur la page, voici mon code :
Et moi temps que je ne vois pas le code css, je ne peut rien pour toi, et pour faire simple tout ce joue dans le CSS le html et une bonne lecture du cours.
Vois les comme des ensembles encerclés par des <div> dans un premier temps.
je suis dans la Semaine 4 du cours HTML5/CSS3 où il faut adapter le CV pour une version mobile mais je n'arrive pas à enlever le liseret. J'ai tout essayé ( display: none / visibility:hidden / changer les marges, hauteur, width,...), elle reste fixe malgré la media query.
<p>aucune expérience dans le web en dehors de <em><strong>"surfer dessus"</strong></em> comme tout le monde.</p> </section>
<section> <h2>Mes compétences</h2>
<p> <ul> <li>Comprendre le web</li><a href="fichier.zip/certificat-comprendre-le-web">certificat</a> <li>HTML5/CSS3 en cours</li> </ul> </p> </section>
<section> <h2>Ma formation</h2>
<p>Je compte tout apprendre grâce à OpenClassroom.</p> </section>
</body></html>
mon CSS
@font-face { /* Définition d'une nouvelle police du nom de Quicksand */ font-family: 'quicksandregular'; src: url('quicksand-regular-webfont.woff2') format('woff2'), url('quicksand-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
h1,h2 /* Utilisation de la police définie sur les titres */ { font-family: 'quicksandregular', Arial, Serif; color: blue; text-shadow: 2px 2px 4px black; }
section /* afficher les sections les unes sous les autres en version mobile */ { flex-direction: column; justify-content: flex-start; max-height: 900px; font-size: 1.1em; } }
EDIT:j'ai modifié mes codes depuis le début et ça a marché.
J'ai terminé mon cv en ligne qu'il fait créer en exercice de la semaine 1. Tout fonctionne sauf quand j'essaie de l'ouvrir dans mon dossier zip (que je veux envoyer en correction). Les photos n'apparaissent pas. Je sais pas si c'est un problème de chemin d'accès mais je ne trouve pas la solution. Pourriez-vous m'aider?
A ce sujet ne t’inquiète pas, si j'ai créer ce post c'est justement parce que nombre des utilisateurs du site font la même petite erreur.
Après si tu as des questions plus technique en rapport avec les exercices je te conseil de créer un post sur le forum général Html/Css, çà permet d'avoir une réponse plus ciblée et évite de se perdre dans la masse des "Questions MOOC".
Compos sui.
Compos sui.
Compos sui.
Compos sui.
Compos sui.
Compos sui.
Compos sui.
Compos sui.