Heim >Web-Frontend >CSS-Tutorial >So ändern Sie die Schriftgröße in CSS
In CSS können Sie das Attribut „font-size“ verwenden, um die Schriftgröße zu ändern. Das Syntaxformat ist „font-size: value;“. Tatsächlich legt das Attribut „font-size“ die Höhe der Zeichenfelder in der Schriftart fest. Das tatsächliche Zeichenzeichen kann höher oder kürzer als diese Felder sein (normalerweise kürzer).
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5- und CSS3-Version, Dell G3-Computer.
In CSS können Sie das Attribut „font-size“ verwenden, um die Schriftgröße zu ändern.
CSS-Schriftgrößenattribut
Schriftgrößenattribut wird zum Festlegen der Schriftgröße verwendet.
Hinweis: Es legt tatsächlich die Höhe der Zeichenfelder in der Schriftart fest; die tatsächliche Zeichenglyphe kann höher oder kürzer als diese Felder sein (normalerweise kürzer).
Wert | Beschreibung |
---|---|
|
Ändern Sie die Schriftart Die Größe ist auf verschiedene Größen eingestellt, von xx-klein bis xx-groß. Standardwert: mittel. |
kleiner | Stellen Sie die Schriftgröße auf eine kleinere Größe als das übergeordnete Element ein. |
größer | Stellen Sie die Schriftgröße auf eine größere Größe als das übergeordnete Element ein. |
Länge | Stellen Sie die Schriftgröße auf einen festen Wert ein. |
% | Stellen Sie die Schriftgröße auf einen Prozentwert basierend auf dem übergeordneten Element ein. |
inherit | gibt an, dass die Schriftgröße vom übergeordneten Element geerbt werden soll. |
[Empfohlene Tutorials: CSS Video Tutorial, "html Video Tutorial"]
/* <absolute-size>,绝对大小值 */ font-size: xx-small; font-size: x-small; font-size: small; font-size: medium; font-size: large; font-size: x-large; font-size: xx-large; /* <relative-size>,相对大小值 */ font-size: larger; font-size: smaller; /* <length>,长度值 */ font-size: 12px; font-size: 0.8em; /* <percentage>,百分比值 */ font-size: 80%; font-size: inherit;
example: Verwenden
Weitere Programmierkenntnisse finden Sie unter:
Programmiervideo
Das obige ist der detaillierte Inhalt vonSo ändern Sie die Schriftgröße in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!