Was ist Dimension in CSS? (Codebeispiel)

In diesem Kapitel erfahren Sie Was ist Dimension in CSS? (Codebeispiel) . Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

1. Einführung

Mit der CSS-Dimension-Eigenschaft können Sie die Höhe und Breite eines Elements steuern. Ebenso können Sie den Zeilenabstand vergrößern.

2. Dimension (Größe) Attributwert

3

(1) Beispiel 1: Höhe verschiedener Elemente festlegen

img.normal
{
    height:auto;
}
img.big
{
    height:120px;
}
p.ex
{
    height:100px;
    width:100px;
}

(2) Beispiel 2: Höhe eines Elements mithilfe des Prozentwerts festlegen

html {height:100%;}
body {height:100%;}
img.normal {height:auto;}
img.big {height:50%;}
img.small {height:10%;}

(3) Beispiel 3: Verwenden Sie Pixelwerte, um die Breite des Elements festzulegen

img {width:200px;}

(4) Beispiel 4: Legen Sie die maximale Höhe des Elements fest

p{
    max-height:50px;
    background-color:yellow;
}

(5 ) Beispiel 5: Verwenden Sie Prozentwerte, um die maximale Breite des Elements

p{
    max-width:20%;
    background-color:yellow;
}

festzulegen. (6) Beispiel 6: Legen Sie die minimale Höhe des Elements fest

p{
    min-height:100px;
    background-color:yellow;
}

(7) Beispiel 7: Legen Sie die minimale Breite von fest Element

p{
    min-width:150px;
    background-color:yellow;
}

mit Pixelwert

Das obige ist der detaillierte Inhalt vonWas ist Dimension in CSS? (Codebeispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!