In CSS werden relative Längeneinheiten verwendet, um eine Länge relativ zu einem anderen Längenattribut anzugeben.
Seriennummer | Einheit und Beschreibung |
---|---|
1 |
em relativ zur Schriftgröße des Elements, d. h. 4em bedeutet das 4-fache der aktuellen Schriftgröße. |
2 |
ex
|
rem. Schriftgröße relativ zum Stammelement. 5 relativ zu 1 % der Höhe des Ansichtsfensters* | |
vmin relativ zur Ansichtsöffnung des Ansichtsfensters * 1 % der größeren Größe | |
% relativ zum übergeordnetes Element | |
Beispiel | Schauen wir uns ein Beispiel mit relativen Längeneinheiten an: Demonstration <!DOCTYPE html> <html> <head> <style> .demo { text-decoration: overline underline; text-decoration-color: blue; font-size: 1.4em; } </style> </head> <body> <h1>Details</h1> <p class="demo">Examination Center near ABC College.</p> <p class="demo2">Exam begins at 9AM.</p> </body> </html> Nach dem Login kopieren Ausgabe |
Nun sehen wir uns ein weiteres Beispiel an − | Live-Demonstration<!DOCTYPE html> <html> <head> <style> .demo { text-decoration: overline underline; text-decoration-color: blue; font-size: 4ch; } </style> </head> <body> <h1>Details</h1> <p class="demo">Examination Center near ABC College.</p> <p class="demo2">Exam begins at 9AM.</p> </body> </html> Nach dem Login kopieren |
Das obige ist der detaillierte Inhalt vonRelative Längeneinheiten in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!