Heim > Web-Frontend > CSS-Tutorial > Kann die CSS-Schriftgrößeneinheit em sein?

Kann die CSS-Schriftgrößeneinheit em sein?

WBOY
Freigeben: 2021-12-14 10:15:51
Original
2732 Leute haben es durchsucht

In CSS kann die Einheit der Schriftgröße em sein, was eine relative Längeneinheit ist; em beschreibt die Schriftgröße relativ zum aktuellen Element. Der Stil der Schriftgröße wird in CSS mithilfe des Attributs „font-size“ festgelegt. Attribute können em als Einheit des Attributwerts verwenden.

Kann die CSS-Schriftgrößeneinheit em sein?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

css-Schriftgrößeneinheit kann em sein.

css-Schriftgrößeneinheit kann em sein.

Im Gesamtlayout der Seite gehören auch die Größe der Seitenelemente (Länge, Breite, Innen- und Außenränder usw.) und die Größe der Seitenschriftart zu den wichtigen Aufgaben. Eine angemessene Einstellung sorgt dafür, dass die Seite hierarchisch, fokussiert und für das Auge angenehm aussieht. Im Gegenteil, eine unfreundliche Einstellung für Seitengröße und Schriftgröße erhöht die Komplexität der Seite und erhöht die Komplexität des Verständnisses der Seite durch den Benutzer.

  • em: Es beschreibt die Schriftgröße relativ zum aktuellen Element, ist also auch eine relative Längeneinheit.

  • px: ist die Einheit der Pixel. Es ist jeder kleine Punkt, der auf dem Bildschirm angezeigt wird, was die kleinste Anzeigeeinheit darstellt. Es handelt sich um eine absolute Größeneinheit; das Attribut

font-size kann die Größe der Schriftart festlegen, und Sie können die Einheit em verwenden.

Das Beispiel sieht wie folgt aus:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
  .p1{
    font-size:5px;
  }
  .p2{
    font-size:5em;
  }
  </style>
</head>
<body>
  <p class="p1">这是px单位</p>
  <p class="p2">这是em单位</p>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

Kann die CSS-Schriftgrößeneinheit em sein?

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonKann die CSS-Schriftgrößeneinheit em sein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage