Zusammenfassung der Hintergrundeinstellungen und Textdarstellungseigenschaften in CSS

Dieser Artikel stellt hauptsächlich die Hintergrundeinstellungen und Textdarstellungsattribute in CSS vor. Ich hoffe, dass er für interessierte Freunde hilfreich ist.

CSS-Hintergrunddarstellung:

1: Hintergrundfarbe: Hintergrundfarbenwort, RGB-Notation, Hexadezimalnotation

2: Hintergrundbild: Wenn das Hintergrundbild nicht festgelegt ist, wird der Hintergrund gekachelt.

p {

Breite: 500px;

Höhe: 500px;

Hintergrundbild: url(images/wuyifan.jpg);

}

3: Hintergrund- wiederholen: Legen Sie fest, ob das Hintergrundbild wiederholt werden soll.

a: Hintergrundwiederholung:keine Wiederholung; keine Wiederholung

b: Hintergrundwiederholung:wiederholung-x; >

c: background-repeat:repeat-y; vertikale Wiederholung

Tipps: Sie können 1 Pixel oder periodische Bilder verwenden, um Webseiten zu erstellen Hintergrund

CSS-Längeneinheit:

– px: Pixelpunkt, Pixel ist das, was der Monitor anzeigt. Ein Punkt

— em: 1em=16px

TIPPS: Wie viele Punkte werden bei Computern mit höherer Auflösung verwendet, um ein Pixel, die Farbe, darzustellen? Die Anzeige ist verfeinert und der Effekt ist besser. Auf normalen Computern entspricht ein Punkt einem Pixel.

Die allgemeine Textgröße beträgt 12 und 14 Pixel

Textdarstellungsattribute:

1: Farbe des Texts

2: Buchstabenabstand: Wortabstand, Zeichenabstand Leerzeichen zwischen Zeichen

3: word-sapce: Wortabstand, definiert den Abstand zwischen englischen Wörtern, ungültig für chinesische Schriftzeichen

4: line- Höhe: Zeilenhöhe, Textoberkante + Textoberkante + doppelter Zeilenabstand ----- wird am häufigsten verwendet, da eine einzelne Textzeile vertikal zentriert werden kann

Um Stellen Sie unbedingt sicher, dass die Wörter innerhalb der Zeile zentriert sind. Konvention: Zeilenhöhe und Schriftgröße sind im Allgemeinen gerade Zahlen. Auf diese Weise ist ihre Differenz eine gerade Zahl, die durch 2 teilbar ist.

5: text-decoration: wird verwendet, um die Unterstreichung von Text festzulegen

none: Keine Dekoration (Sie können die Unterstreichung von a entfernen Tag)

underline: underline overline: overline

durchgestrichen: durchgestrichen

6 : text-align: Legen Sie die horizontale Ausrichtung des Textinhalts fest, was dem align-Attribut in HTML entspricht

7: text-indent: Einzug der ersten Zeile , Wird verwendet, um die Einrückung der ersten Textzeile in einem Absatz festzulegen. Es kann nur ein negativer Wert sein. Er wird tatsächlich zum Einrücken des auf der Website platzierten Symboltexts verwendet 🎜>TIPPS: Erzielen Sie vertikalen einzeiligen Text. Zentriert: Die Zeilenhöhe entspricht der Höhe des p-Felds.

Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, er gefällt euch allen.

1. CSS-Video-Tutorial
2. CSS-Online-Handbuch
3