Heim > Artikel > Web-Frontend > Was bedeutet CSS-Schriftgröße?
CSS-Schriftgröße bezieht sich auf die Größe des Zeichenfelds in der Schriftart. In CSS wird die Schriftgröße mithilfe des Attributs „font-size“ festgelegt, das tatsächlich die Höhe der Zeichenfelder in der Schriftart festlegt. Die tatsächliche Zeichenglyphe kann höher oder kürzer als diese Felder sein (normalerweise kürzer).
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
CSS-Schriftgröße bezieht sich auf die Größe des Zeichenfelds in der Schriftart.
Verwenden Sie in CSS das Attribut „font-size“, um die Größe (Größe) der Schriftart festzulegen.
Aber tatsächlich legt das Attribut „font-size“ 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). Mögliche Werte für das Attribut
font-size:
Wert | Beschreibung | x-groß
---|---|
| größer
Stellen Sie die Schriftgröße auf eine größere Größe als das übergeordnete Element ein. |
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.|
Die Schriftart für jedes Schlüsselwort muss größer sein als die Schriftart für das kleinste Schlüsselwort und kleiner als die Schriftart für das nächstgrößere Schlüsselwort. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .px { font-size: 16px; } .pt { font-size: 14pt; } .in { font-size: .19in; } .cm { font-size: .8cm; } .mm { font-size: 8mm; } </style> </head> <body> <p>默认字体大小</p> <p class="px">字体大小: 16px</p> <p class="pt">字体大小: 14pt</p> <p class="in">字体大小: .16in</p> <p class="cm">字体大小: .8cm</p> <p class="mm">字体大小: 8mm</p> </body> </html> |
|
, | Web-Frontend) |
Das obige ist der detaillierte Inhalt vonWas bedeutet CSS-Schriftgröße?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!