Wie Größe mit Relative Maßeinheiten für HTML5 und CSS3 Programmierung Angeben

Relative Messung ist eine viel bessere Wahl als absolute Messung in HTML5 und CSS3 Web-Entwicklung. Sie können diese Systeme verwenden Größen in Beziehung auf die Standardgröße zu ändern.

Menu

Benannt Größen

CSS hat eine Reihe von Namen Schriftgröße gebaut in:

xx-small

x-small

klein

Mittel

groß

x-large

xx-large

Es kann Sie sich die Mühe, dass nichts mehr spezifisch über diese Größen gibt es: Wie groß ist groß? Nun, es ist größer als Medium. Das klingt wie eine Flip-Antwort, aber es ist die Wahrheit. Der Benutzer legt die Standard-Schriftgröße im Browser und alle anderen Schriftgrößen in Bezug auf diese vorgegebene Größe sein sollte. Die mittlere Größe ist die Standardgröße des Absatzes Text auf Ihrer Seite.

Anteil (%)

Der Prozentsatz Einheit ist eine relative Messung verwendet, um die Schriftart in Beziehung zu seiner normalen Größe angeben. Verwenden Sie 50% eine Schriftart nur halb so groß, um es normalerweise erscheinen, und 200% zu machen, die zweimal normale Größe. Verwenden Sie das Symbol% ​​Prozentsatz, um anzuzeigen, wie hier gezeigt:

p {font-size: 150% -}

Prozentangaben sind auf die Standardgröße von gewöhnlichen Text basiert, so dass ein Tag bei 100% ist die gleiche Größe wie Text in einem normalen Absatz.

Em (em)

In traditionellen Satz ist die em eine Maßeinheit, äquivalent zu der Breite der # 147-m # 148- Zeichen in dieser Schriftart. Bei der tatsächlichen Verwendung im Web, es ist wirklich eine andere Art und Weise die relative Größe einer Schriftart spezifizieren. Zum Beispiel 0,5 ems ist die Hälfte der normalen Größe und 3 ems ist das Dreifache der normalen Größe. Der Begriff wird verwendet, um dieses Maß zu spezifizieren.

p {font-size: 1.5em-}

Hier sind die besten Strategien für die Schriftgröße:

  • Ändern Sie nicht Größen ohne einen guten Grund. Die meiste Zeit sind die Browser-Standardgrößen völlig in Ordnung, aber es kann manchmal sein, wenn Sie ein wenig mehr Schriften anpassen möchten.

  • Definieren Sie eine Gesamtgröße für die Seite. Wenn Sie eine Schriftgröße für die gesamte Seite definieren möchten, tun Sie dies im Tag. Verwenden Sie eine benannte Größe, Prozentsatz oder ems die Nebenwirkungen der absolute Dimensionierung zu vermeiden. Die Größe in dem Körper definiert ist, in dem Körper automatisch auf jedes Element angewendet wird.

  • Ändern Sie alle anderen Elemente. Sie könnten Ihre Links ein wenig größer als normalen Text, zum Beispiel wollen. Sie können dies tun, indem Sie eine Anwendung Schriftgröße Attribut auf ein Element. Verwenden Sie relative Messung, wenn möglich.

Ähnliche

Menü