Quelle est l'unité de pc en css ?

WBOY
Libérer: 2022-09-14 16:57:51
original
4916 Les gens l'ont consulté

En CSS, pc est une unité absolue ; l'unité absolue est une valeur fixe, qui reflète une taille physique réelle et ne sera pas affectée par la taille de l'écran ou la police ; le nom complet de pc est Picas, ce qui signifie pica, pica ; Également un terme typographique, et "1pc = 16px".

Quelle est l'unité de pc en css ?

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Quelle est l'unité de pc en CSS

pc est l'unité absolue en CSS

En CSS, les unités absolues incluent : px, pt, pc, cm, mm, in, etc. Une unité absolue est une valeur fixe qui reflète une véritable taille physique. Cela n’est pas affecté par la taille de l’écran ou la taille de la police. Leur taille dépend de la valeur et de la résolution de l'écran (DPI, points par pouce). px est l’une de nos unités absolues les plus couramment utilisées. La relation de conversion entre ces unités absolues est la suivante :

1in = 25.4mm = 2.54cm = 6pc = 72pt =96px
Copier après la connexion

pc

pc signifie Picas, ce qui signifie Paica. C'est l'équivalent de la taille du nouveau type n°4 de mon pays. Paica est aussi un terme imprimé, 1 paica équivaut à 12 points. La relation de conversion entre celui-ci et px est la suivante :

1pc = 16px
Copier après la connexion

Développer les connaissances

  • px

px s'appelle Pixels, ce qui signifie pixels. Il n'est pas strictement égal aux pixels de. l'affichage, en particulier sur les écrans haute définition. Bien que les unités CSS évoluent de manière appropriée en fonction du navigateur, du système d'exploitation ou du matériel, et puissent varier selon certains appareils ou paramètres de résolution de l'utilisateur, 96 px est généralement égal à la taille d'un pouce physique.

CSS définit la méthode d'affichage des images raster (telles que des photos, etc.) car la taille par défaut de chaque image est de 1 px. La longueur et la largeur d'une photo de résolution "600x400" sont respectivement "600px" et "400px", de sorte que les pixels de la photo elle-même ne sont pas cohérents avec les pixels du périphérique d'affichage, mais sont cohérents avec l'unité px. Cela permet à l'image d'être complètement alignée avec les autres éléments de la page Web.

Souvent, px est aussi souvent appelé pixel CSS. Il s'agit d'une unité absolue, mais elle peut également être considérée comme une unité relative, puisque les unités de pixels sont relatives aux pixels de l'appareil. Sur le même appareil, le pixel physique représenté par chaque pixel CSS peut changer ; entre différents appareils, le pixel physique représenté par chaque pixel CSS peut changer.

.box {
    width: 100px;
    height: 100px;
}
Copier après la connexion
  • pt

pt s'appelle Point, ce qui signifie point. Il est souvent utilisé dans les secteurs de la conception de logiciels, de la composition et de l'impression (le produit final du système frontal que j'ai construit est un PDF qui doit être imprimé, cette unité est donc souvent utilisée). Lors de l'utilisation de cet appareil, le résultat imprimé sur papier sera le même quelle que soit la résolution du moniteur.

S'il s'agit uniquement d'afficher des pages Web, il est recommandé d'utiliser l'unité px pixel. Si vous avez besoin de produire des produits imprimés, vous pouvez envisager d'utiliser pt.

  • cm

cm signifie centimètres, ce qui signifie centimètres. Sa relation de conversion avec px est la suivante :

1cm = 37.8px
Copier après la connexion
  • mm

mm signifie Millimètres, ce qui signifie millimètres. Sa relation de conversion avec px est la suivante :

1mm = 3.78px
Copier après la connexion
  • in

in signifie Inches, ce qui signifie pouces. La relation de conversion entre celui-ci et px est la suivante :

1in = 96px
Copier après la connexion

(Partage vidéo d'apprentissage : Tutoriel vidéo CSS, Tutoriel vidéo HTML)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
css
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