Heim > Artikel > Web-Frontend > Detaillierte Erläuterung gängiger Klassifizierungsmethoden für CSS-Operationen
In diesem Artikel werden hauptsächlich die Klassifizierungsmethoden gängiger CSS-Operationen erläutert:
1. Größenoperation
Höhe des Elements einstellen
line-height Legt die Zeilenhöhe fest
.p1{ width: 400px; line-height: normal; } .p2{ width: 400px; line-height: 200%; } .p3{ width: 400px; line-height: 50%; }
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>对齐</title> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <p class="p1">This is my web page This is my web page This is my web page This is my web page This is my web page This is my web page </p> <p class="p2">This is my web page This is my web page This is my web page This is my web page This is my web page This is my web page </p> <p class="p3">This is my web page This is my web page This is my web page This is my web page This is my web page This is my web page </p> </body> </html>
max-height Legt die maximale Höhe des Elements fest
max-width Legt die maximale Breite von fest the element
.p1{ line-height: normal; max-width: 250px; }
min-width Legt die Mindestbreite des Elements fest
min-height Legt die Mindesthöhe des Elements fest
width Legen Sie die Breite des Elements fest
2. Klassifizierungsvorgang
klar Legt fest, ob andere schwebende Elemente auf der Seite eines Elements zulässig sind
Cursor Gibt an der Typ des Zeigers, der angezeigt wird, wenn auf ein Element gezeigt wird
p{ cursor: auto; }
p{ cursor: alias; }
p{ cursor: cell; }
display Legen Sie fest, ob und wann das Element angezeigt werden soll
li{ display: inline; } <ul> <li>Hello</li> <li>Hello</li> <li>Hello</li> <li>Hello</li> </ul>
float Definieren Sie die Richtung, in die das Element zeigt Element schwimmt
Position Positioniert das Element an einer statischen, relativen, absoluten, festen Position
Sichtbarkeit Legt fest, ob das Element sichtbar oder unsichtbar ist
li{ display: inline; visibility: hidden; }
li{ display: inline; visibility: visible; }
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung gängiger Klassifizierungsmethoden für CSS-Operationen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!