Zusammenfassung der wichtigsten CSS-Kenntnisse

1 Überblick

1. Was ist CSS?

Cascading Style Sheet, ein Cascading Style Sheet, wird verwendet, um den Anzeigestil des Seiteninhalts festzulegen.

Warum CSS verwenden und was sind die Vorteile? ?

1: [Inhalt] und [Leistung] werden getrennt. Nur Textinformationen werden in der HTML-Datei gespeichert und der Stilteil wird in einer unabhängigen Stildatei platziert. Die Seite ist suchmaschinenfreundlicher.

2: Verbessern Sie die Seiten-Browsing-Geschwindigkeit. Die Kapazität der Seite mit dem CSS-Layout ist viel kleiner als die Seitendateikapazität des TABLE-Layouts.

3: Einfach zu warten und zu überarbeiten. Solange Sie einfach die entsprechende CSS-Datei ändern, können Sie die gesamte Website-Seite neu gestalten.

4: Die Verwendung des CSS-Layouts entspricht eher den aktuellen W3C-Standards. Die W3C-Organisation ist eine gemeinnützige Organisation, die Netzwerkstandards wie HTML, CSS und XML formuliert.

Wie kann man CSS-Stylesheets aufrufen?

1. Interner Stil: Fügen Sie das CSS-Stylesheet in das -Dokument ein: Das Format ist wie folgt:

2. Es handelt sich um ein Element. Mehrere Stile hinzufügen

Ein Element kann mehrere Klassen gleichzeitig definieren. Verschiedene Klassen werden durch Leerzeichen getrennt, z. B. class="xxx01 xxx02".

3. Stile zu untergeordneten Elementen hinzufügen

Die Art und Weise, Stile für untergeordnete Elemente festzulegen: übergeordnetes Element + Leerzeichen + untergeordnetes Element {}, Normalerweise ID+Klasse.

Zwei häufig verwendete Attribute

1. Text

• Text - align:center: Der Text wird zentriert.

2. Innenpatch

• Polsterung: Innenpatch, also Innenbreite . Format: padding: 5px (Sie können einen Wert oder 4 Werte definieren), wird verwendet, um den

  -Abstand zwischen benachbarten Elementen und ihren Rändern festzulegen.

3. Externer Patch

• Rand: Rand zwischen Objekten hinzufügen und andere Objekte verkleinern Der Leerraum und der vergrößerte Abstand befinden sich außerhalb des Objekts und werden daher als äußerer Patch bezeichnet. Die Verwendungsmethode ist die gleiche wie beim inneren Patch-Auffüllen.

4. Layout

Überlauf: Legen Sie Handhabungsmaßnahmen fest, wenn der Inhalt des Objekts den angegebenen Bereich überschreitet.

• Auto: Verwenden Sie Bildlaufleisten oder Scheren nur bei Bedarf.

• versteckt: Inhalte außerhalb des zulässigen Bereichs werden nicht angezeigt.

• sichtbar: Standardwert, kein Ausschneiden, keine Bildlaufleisten.

• Scrollen: Bildlaufleisten immer anzeigen.

Anzeige: Ändern Sie die Art und Weise, wie das Objekt angezeigt wird.

• inline-block: Behandeln Sie das Objekt als Inline-Objekt und seinen Inhalt als Blockobjekt. Normalerweise wird die Breite hinzugefügt, um die Breite des auszurichtenden Objekts festzulegen.

• none: Verstecktes Element, dieses Element belegt keinen Platz.

• Sichtbarkeit: versteckt: Versteckte Objekte, versteckte Objekte belegen immer noch Platz.

Das obige ist der detaillierte Inhalt vonZusammenfassung der wichtigsten CSS-Kenntnisse. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!