Heim > Web-Frontend > CSS-Tutorial > Hauptteil

CSS-Tutorial: CSS-Selektor, Attribut, Value_Basic-Tutorial

WBOY
Freigeben: 2016-05-16 12:05:12
Original
2121 Leute haben es durchsucht

body {
Schriftgröße: 0,8em;
Farbe: Marineblau
}
Das Obige bedeutet, die Schriftgröße und die Schriftfarbe für den Körperselektor festzulegen.

Wenn es also mit einer HTML-Seite funktioniert, ist die Textfarbe zwischen den Body-Tags (der Inhalt im gesamten Fenster) Marineblau und die Schriftgröße beträgt 0,8 ems.

Länge und Prozentsatz

Es gibt viele Attributwerte in CSS, die in Einheiten angegeben werden müssen, aber für einige Attribute werden einige Grundeinheiten verwendet, und es lohnt sich, sie anzugeben vor.
em Beispielsweise gibt „font-size:2em“ die berechnete Größe der Schriftart an, sodass 2em das Doppelte der tatsächlichen Schriftgröße ist.
 px, zum Beispiel ist „font-size:12px“ die Einheit von Pixel.
 ptZum Beispiel ist „font-size:12px“ die Einheit von Punkten.
% Beispielsweise ist Schriftgröße: 80 % ein Prozentsatz
Andere Einheiten sind PC (12-Punkt-Western-bewegliche Schriftart), cm (Zentimeter), mm (Millimeter) und Zoll (Zoll)

Wenn der Wert Null ist, ist keine Einheit erforderlich. Beispiel: border:0 bedeutet kein Rand.

Webseiten sind keine statischen, absoluten Medien. Das bedeutet, dass Benutzer innerhalb der skalierbaren Form die Möglichkeit haben sollten, sie nach ihren Wünschen anzupassen, einschließlich der Schriftgröße und der Bildschirmgröße.

Aus diesem Grund wird empfohlen, „em“ und „%“ für die Schriftgröße (Breite und Höhe) zu verwenden. Im Vergleich dazu kann px die Größe in den meisten Browsern nicht ändern, also verwenden Sie es sparsam kann auf die Größe des Randes angewendet werden.

Verwandte Etiketten:
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