Heim > Software-Tutorial > Bürosoftware > So legen Sie eine Monospace-Schriftart in CSS fest

So legen Sie eine Monospace-Schriftart in CSS fest

王林
Freigeben: 2024-01-20 08:39:11
nach vorne
1314 Leute haben es durchsucht

So legen Sie eine Monospace-Schriftart in CSS fest

So legen Sie die gleiche Breite dieses Textes in CSS fest

td:nach {

Inhalt: ':';

Position: absolut;

}

td {

Schriftgröße: 14px;

Breite: 4em;

text-align-last: justify;

}

Benutzername
Passwort festlegen
Passwort bestätigen
Handy
E-Mail
Bestätigungscode

Verstehen Sie den Unterschied zwischen px- und em-rem-Einheiten in CSS vollständig

px ist Pixel (Pixel)

em ist die Breite des englischen Großbuchstabens M in der Schriftart, die vom aktuellen Element verwendet wird. Der Grund, warum es angegeben wird, ist M, da die Breite jedes Buchstabens in proportionalen Schriftarten nicht gleich ist (z. B. die Breiten von W und i). sind sehr unterschiedlich), und in einer Schriftart mit fester Breite (z. B. chinesischen Schriftzeichen) ist die Breite jedes Zeichens gleich, sodass em die Breite des Zeichens (oder die halbe Breite chinesischer Schriftzeichen) ist

rem ist die Schriftbreite des Stammelements der Seite (r ist Stamm), andere Erklärungen sind die gleichen wie oben

px ist eine absolute Längeneinheit, das heißt, wenn die Breite eines Elements mit 100 Pixel angegeben ist, ist seine Breite auf 100 Pixel festgelegt, während em eine relative Längeneinheit ist, beispielsweise die Breite eines Elements ist 4em und die Breite dieses Elements beträgt 12 Pixel. Wenn Sie die Schriftgröße dieses Elements auf 16 Pixel ändern, beträgt die tatsächliche Breite dieses Elements automatisch 64 Pixel Für rem bedeutet dies, dass diese Seite rem als verwenden kann. Die Elemente in der Längeneinheit können automatisch entsprechend der Schriftgröße des Stammelements der Seite (normalerweise HTML oder Body) angepasst werden. Auf diese Weise benötigen Sie nur um die Schriftgröße des Stammelements zu ändern, um das Erscheinungsbild der gesamten Seite zu ändern. Dies wird normalerweise für das Seitenlayout im Responsivitätsstil verwendet.

Texteinstellungen in CSS!

Frage 1: Wenn Sie .left a{} verwenden, was werden Sie als Nächstes tun?

Benutzen Sie den Unterricht hier nicht bei der Arbeit,

Wenn Sie möchten, dass 3 Textabsätze separat definiert werden, verwenden Sie die Klasse, aber die Schreibmethode ist nicht .left a{}, sondern .work a{}. Natürlich funktioniert auch .left a{} Wenn Ihre Arbeit nur einmal verwendet wird, wählen Sie .work a{}. Wenn Sie sie an anderen Orten verwenden möchten und die Einstellungen wie Schriftarten anders sein sollen, verwenden Sie .left work a{}.

Frage 2: In der unteren rechten Ecke können Sie entweder ein p-Tag oder ein a-Tag definieren. Padding definiert den internen Abstand.

Das ist ein Header!

.header p{margin-top: Ihre Ebenenhöhe-10px; float:right;}

Das ist ein Header!

.header a{margin-top: Ihre Ebenenhöhe-10px; float:right;}

So steuern Sie die Breite der Zeichenschrift in HTML

Wenn Sie lediglich die Breite ändern müssen, können herkömmliche CSS-Eigenschaften nicht erreicht werden. Sie können dies mit der Verformungsfunktion von CSS3 erreichen, aber es handelt sich um eine Gesamtänderung für die Beschriftung, nicht nur für die Schriftart (aufgrund der Verformung). externes Etikett, Die internen Elemente ändern sich gemeinsam, was als Rettung des Landes angesehen werden kann, wie zum Beispiel:

.change { width: 200px; transform: scaleX(1.2); Die gesamte Div-Breite wird um das 1,2-fache vergrößert

In HTML können Sie die Schriftgröße in CSS mithilfe von „font-size“ steuern (die Schriftbreite ändert sich mit der Schriftgröße), es gibt jedoch kein Attribut, das nur die Schriftbreite unabhängig von der Höhe ändern kann.

Mit dem Wortabstand können Sie den Abstand zwischen Text und Text steuern

Das obige ist der detaillierte Inhalt vonSo legen Sie eine Monospace-Schriftart in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:docexcel.net
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