Pourquoi la propriété CSS font annule-t-elle le poids de la police en gras ?
P粉662802882
P粉662802882 2023-08-27 23:37:21
0
1
453
<p>On m'a demandé de supprimer les balises inutiles d'un code HTML généré par ordinateur qui contient de nombreuses balises inutiles (je souhaite simplement conserver les informations de couleur/forte/em). Je suis tombé sur quelque chose de similaire au code HTML suivant : </p> <pre class="brush:html;toolbar:false;"><b> <span style="POLICE : 20 pts &quot;Arial&quot;"> <strong>gras</strong> pas gras <b>gras</b> </envergure> ≪/b> ≪/pré> <p>Pour moi (sur Chrome et Firefox), il affiche le texte <code>bold</code> en gras et le texte <code>not bold</code> en non gras, je suis confus à ce sujet. En particulier, cela a rendu ma tâche plus compliquée : je pensais pouvoir simplement supprimer les balises sans informations de couleur/strong/em, alors je l'ai modifié comme suit : </p> <pre class="brush:html;toolbar:false;"><b> <strong>gras</strong> pas gras <strong>gras</strong> ≪/b> ≪/pré> <p>Mais maintenant, tout le texte est en gras au lieu de ce qu'il était avant.</p> <p>J'essaie de comprendre ce que je peux mettre dans le style <code>FONT</code> pour reproduire ce comportement : </p> <p>Le remplacement de <code>Arial</code> par <code>foo</code> <pre class="brush:html;toolbar:false;"><b> <span style="POLICE : 20pt foo"> <strong>bold</strong> pas gras <b>bold</b> pas gras <!-- pas gras n'est en fait pas gras 20pt est appliqué --> </envergure> ≪/b> ≪/pré> <p>Après avoir changé la taille et la police, le comportement a changé : </p> <pre class="brush:html;toolbar:false;"><b> <span style="POLICE : &quot;Arial&quot; <strong>bold</strong> pas gras <b>bold</b> pas gras <!-- tout est en gras 20pt n'est _pas_ appliqué --> </envergure> ≪/b> ≪/pré> <p>Aucune des deux valeurs n'a d'effet : </p> <pre class="brush:html;toolbar:false;"><b> <span style="POLICE : &quot;Arial&quot;"> <strong>gras</strong> pas gras <b>gras</b> pas gras <!-- tout est gras --> </envergure> ≪/b> ≪/pré> <pre class="brush:html;toolbar:false;"><b> <span style="POLICE : 20pt"> <strong>gras</strong> pas gras <b>gras</b> pas gras <!-- tout est gras --> </envergure> ≪/b> ≪/pré> <p></p> <p></p> <p>Quelqu'un peut-il expliquer ce comportement, ou au moins me dire quels styles je dois rechercher pour supprimer les styles externes ? </p>
P粉662802882
P粉662802882

répondre à tous(1)
P粉283559033

Je pense avoir trouvé la réponse à ma question sur la page de documentation des propriétés font css. Il dit :

(c'est moi qui souligne)

Un peu plus bas :

Alors prêtfont: 20pt arial等同于设置font-style: normal;font-variant: normal;font-weight: normal;font-stretch: normal;font-size: 20pt;line-height: normal;font-family: arial

Surtout, font-weightbold(或其他值)重置为normal.

Donc, pour résoudre mon problème fondamental, je devrais rechercher des balises font qui n'ont pas d'épaisseur de police spécifiée.

P.S. La raison pour laquelle font: arial 20pt没有这种行为的原因是因为这不是font n'a pas ce comportement est que ce n'est pas une valeur autorisée pour

, elle est donc ignorée :

font: arial 20ptEt dans

, la famille de polices n'est pas la dernière valeur spécifiée. 🎜
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!