Maison > interface Web > tutoriel CSS > Tutoriel CSS : sélecteur CSS, attribut, tutoriel Value_Basic

Tutoriel CSS : sélecteur CSS, attribut, tutoriel Value_Basic

WBOY
Libérer: 2016-05-16 12:05:12
original
2166 Les gens l'ont consulté

body {
font-size: 0.8em;
color: marine
}
Ce qui précède signifie définir la taille de la police et la couleur de la police pour le sélecteur de corps.

Donc en gros, quand cela fonctionne avec une page HTML, la couleur du texte entre les balises body (le contenu dans toute la fenêtre) est bleu marine et la taille de la police est de 0,8ems.

Longueur et pourcentage

Il existe de nombreuses valeurs d'attribut​​en CSS qui doivent être spécifiées en unités, mais certaines unités de base sont utilisées sur certains attributs, et cela vaut la peine de les spécifier avant.
em Par exemple, font-size:2em donne la taille calculée de la police, donc 2em est le double de la taille réelle de la police.
 px, par exemple, font-size:12px est l'unité de pixel.
 ptPar exemple, font-size:12px est l'unité de points.
% Par exemple, la taille de la police : 80 % est un pourcentage
Les autres unités incluent le pc (caractères mobiles occidentaux à 12 points), le cm (centimètre), le mm (millimètre) et le po (pouce)

Lorsque la valeur Lorsqu'elle est nulle, aucune unité n'est nécessaire. Par exemple : border:0 signifie aucune bordure.

Les pages Web ne sont pas des médias statiques et absolus. Cela signifie que dans la forme évolutive, les utilisateurs devraient être autorisés à l'ajuster comme ils le souhaitent, y compris la taille de la police et la taille de l'écran.

Pour cette raison, il est recommandé d'utiliser "em" et "%" pour la taille de la police (largeur et hauteur). En comparaison, px ne peut pas changer la taille dans la plupart des navigateurs, utilisez-le donc avec parcimonie. peut utiliser sur la taille de la frontière.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal