Methode zum Festlegen des HTML-Bereichs

Zu den HTML-Raumeinstellungsmethoden gehören: 1. Inline-Stil; 3. Externes Stylesheet; 4. Rand- und Füllattribute verwenden; Detaillierte Einführung: 1. Inline-Stil, verwenden Sie das Style-Attribut direkt im HTML-Element, um den CSS-Stil festzulegen. 2. Internes Stylesheet, verwenden Sie das „ “-Tag das HTML-Dokument. Enthält CSS-Regeln; 3. Externes Stylesheet, schreiben Sie CSS-Regeln in eine separate „.css“-Datei und dann in das HTML-Dokument usw.

HTML-Bereichseinstellung wird hauptsächlich über CSS erreicht. Es gibt viele spezifische Methoden:

1. Verwenden Sie das Style-Attribut direkt im HTML-Element, um den CSS-Stil festzulegen . Beispiel:

rrree 2. Internes Stylesheet: Verwenden Sie das Tag im Abschnitt Beispiel:

我是一个 div Nach dem Login kopieren 3. Externes Stylesheet: Schreiben Sie die CSS-Regeln in eine separate CSS-Datei und verwenden Sie dann das -Tag, um auf diese Datei im HTML-Dokument zu verweisen. Zum Beispiel:

div {padding: 20px;} 我是一个 div Nach dem Login kopieren In der Datei „styles.css“:

我是一个 div Nach dem Login kopieren Von den oben genannten drei Methoden wird die externe Stylesheet-Methode am meisten empfohlen, da dadurch die Trennung von Stil und Inhalt erreicht werden kann, wodurch die Wartung und Stiländerung der Website erleichtert wird komfortabel. Gleichzeitig können externe Stylesheets auch von mehreren Seiten gemeinsam genutzt werden, was die Leistung der Website verbessern kann.

4. Verwenden Sie die Attribute „rand“ und „padding“: Diese beiden Attribute können den äußeren Rand bzw. den inneren Rand des Elements festlegen. Beispiel: margin: 10px; legt den äußeren Rand des Elements auf 10 Pixel fest, und padding: 20px; legt den inneren Rand des Elements auf 20 Pixel fest. Beide Eigenschaften können vier Werte (oben, rechts, unten, links), zwei Werte (oben, unten, links) oder einen Wert (alle) annehmen. Zum Beispiel:

div {padding: 20px;} Nach dem Login kopieren oder:

div {margin: 10px; /* 设置外边距为10像素 */ padding: 20px; /* 设置内边距为20像素 */ } Nach dem Login kopieren oder:

div {margin: 10px 15px; /* 设置上下外边距为10像素，左右外边距为15像素 */ padding: 20px 25px; /* 设置上下内边距为20像素，左右内边距为25像素 */ } Nach dem Login kopieren Beachten Sie, dass die Werte für Rand und Abstand Einheiten wie Pixel (px), Prozentsatz (%), em usw. sein können, oder sie können es sein relative Einheiten (z. B. em). Darüber hinaus stellen unter den vier Werten des Randes die ersten beiden Werte den oberen und unteren Rand dar, wenn die ersten beiden Werte positive Zahlen sind Bei positiven Zahlen repräsentieren die letzten beiden Werte den linken und rechten Rand. Ähnlich verhält es sich mit den vier Füllwerten: Wenn die ersten beiden Werte positive Zahlen sind, repräsentieren die ersten beiden Werte die obere und untere Füllmenge; wenn die letzten beiden Werte sind sind positive Zahlen, die letzten beiden Werte repräsentieren die linke und rechte Auffüllung.