Comment Appliquer de police globale à l'ensemble du document HTML
J'ai une page HTML qui comprend le texte et le formatage. Je veux avoir la même police de caractères de la famille et le même texte-taille ignorant intérieure de formatage de texte.
Je veux mettre une police globale format de la page HTML.
Comment puis-je y parvenir?
Vous devez vous connecter pour publier un commentaire.
Vous devriez être en mesure d'utiliser l'astérisque et
!important
éléments au sein de CSS.L'astérisque correspond à tout (vous pouvez probablement vous en sortir sans le
html
trop).La
!important
assure que rien ne peut remplacer ce que vous avez mis dans ce style (sauf si c'est aussi important). (c'est pour aider avec votre exigence qu'il devrait "ignorer intérieure de formatage de texte" que j'ai pris pour dire que d'autres styles ne pouvait pas remplacer ces)Le reste du style à l'intérieur des accolades est juste comme n'importe quel autre style et vous pouvez faire ce que vous voulez là-bas. J'ai choisi de changer la taille de la police, la couleur et la famille comme un exemple.
!important
est utile, mais il peut être un peu "thar y a des monstres" si elle devient excessive.!important
. Il doit toujours être utilisé comme dernière option.!important
ici est due à l'affiche originale de l'exigence, "ont la même police de caractères de la famille et le même texte-taille ignorant intérieure de formatage de texte." Si vous n'avez pas cette condition, vous ne voulez pas utiliser!important
.html * {}
oubody * {}
vous aidera à éviter les remplacer par plus spécifiquesbody p {}
inclus dans les feuilles de style.body p {}
est plus spécifique quebody {}
, de sorte que l'astérisque est un élément important ici.html
dehtml *
ici<i>
à base d'icônes, tels que Google, Icônes, tu vas avoir à ajouter.material-icons{ font-family: 'Material Icons' !important; }
Meilleures pratiques, je pense, est de définir la police pour le corps:
et si vous décidez de le changer, pour certains éléments, il pourrait facilement être écrasé:
De le fixer dans le corps sélecteur de votre css. E. g.
Utiliser le code css suivant:
La
*
-sélecteur de moyens tous les éléments, mais évidemment être sur le bas de la chaîne alimentaire quand il vient à la redéfinition de plus spécifiques sélecteurs.Noter que le
!important
-drapeau rendu de lafont
de style pour*
être absolu, même si d'autres sélecteurs ont été utilisés pour définir le texte (par exemple, labody
ou peut-être unp
).!important
empêcherait les autres sélecteurs de remplacer les paramètres.!important
empêcherait les autres sélecteurs de primordial, tant qu'ils ne l'utilisent également. Heh. Je vais modifier mon post et ajouter - grâce. 🙂!important
s de celui, plus spécifique, les sélecteurs ci-dessus. Mais ce n'est pas tout à fait le point ici, je suppose 🙂Vous ne devez jamais utiliser
* + !important
. Si vous souhaitez modifier la police dans certaines parties de votre document HTML? Vous devriez toujours utiliser le corps sans importance. Utilisation!important
seulement si il n'y a pas d'autre option.Essayez ceci:
{}
bouton, vous pouvez afficher un exemple de code de cette manière dans vos réponses.