Auszeichnungssprache - CSS-Layout

Klicken Sie hier, um zum Abschnitt „HTML-Tutorial“ von 123WORDPRESS.COM zurückzukehren. Um das CSS-Tutorial anzuzeigen, klicken Sie hier.
Oben: Auszeichnungssprache - Druckstil . Kapitel 12 CSS-Layout Bisher haben wir in diesem Buch hauptsächlich die internen Elemente der Seite besprochen, also den Inhalt, aber was ist mit der größeren Struktur? Lange Zeit haben sich Designer für das Spaltenlayout auf Tabellen verlassen und oft andere Tabellen in Tabellen verschachtelt, um genau den richtigen Abstand und die richtigen visuellen Effekte zu erzielen. Diese riesigen Layouts sind nicht nur langsam herunterzuladen und schwer zu verwalten, sondern können auch von Textbrowsern, Bildschirmleseprogrammen und Geräten mit kleinen Bildschirmen nicht richtig gelesen werden.
In diesem Kapitel verwenden wir vier gängige Methoden, um CSS mit strukturierter Markup-Syntax zu kombinieren und ein zweispaltiges Layout zu erstellen. Sie werden bald feststellen, dass Sie ein Spaltenlayout erstellen können, ohne Tabellen zu verschachteln oder GIFs für die Abstände zu verwenden.
Später in „Erweiterte Tipps“ besprechen wir die Boxmodellprobleme in Internet Explorer 5.0 für Windows und wie man sie umgeht. Wir verraten auch ein einfaches Geheimnis, wie man mit CSS gleich breite Spalten erreicht.

Vorherige Seite 1 2 3 4 5 6 7 8 Nächste Seite Gesamten Artikel lesen

<<: Detaillierte Erklärung zum MySQL-Datenarchivierungstool mysql_archiver

>>: Natives JS zum Erzielen digitaler Tisch-Spezialeffekte

Beispiel für Sterne für den CSS-Bewertungseffekt

Zusammenfassung der Unterschiede zwischen MySQL und Oracle (Vergleich der Funktionsleistung, Auswahl, SQL bei der Verwendung usw.)

Artikel

SQL-Abfrage für Benutzer, die sich an mindestens n aufeinanderfolgenden Tagen angemeldet haben

Auszeichnungssprache - CSS-Layout

Beispiel für Sterne für den CSS-Bewertungseffekt

Der Effekt eines dynamischen CSS-Farbverlaufsrahmens, der um den Inhaltsbereich rotiert (Beispielcode)

Das neueste beliebte Skript Autojs Quellcode-Sharing

Beispielcode zur Implementierung des Aushöhlungseffekts mit CSS

jQuery implementiert die Drop-Down-Box zur Auswahl des Wohnortes

Zusammenfassung der Unterschiede zwischen MySQL und Oracle (Vergleich der Funktionsleistung, Auswahl, SQL bei der Verwendung usw.)

SQL-Abfrage für Benutzer, die sich an mindestens n aufeinanderfolgenden Tagen angemeldet haben

Beispiel für die Verwendung von CSS3 zum Erzielen eines glänzenden Schrifteffekts beim Entsperren eines Apple-Telefons

Detaillierte Erläuterung spezieller Phänomene, Beispiele für die Sleep-Funktion in MySQL

Detaillierte Erklärung des JavaScript-Prototyps und Beispiele

Artikel empfehlen

Detaillierte Einführung in die Grundkonzepte von JS

Detaillierte Erläuterung der Speicherverwaltung der MySQL InnoDB-Speicher-Engine

FEHLER 2002 (HY000): Verbindung zum lokalen MySQL-Server über Socket „/tmp/mysql.sock“ nicht möglich.

Einführung in die Verwendung des Select-Optgroup-Tags in HTML

Zusammenfassung der MySQL-Indexkenntnisse

MySQL 5.7.10 Installationsdokumentation Tutorial

Problem mit Zeitzonenfehler im Docker-Container

Lösen Sie die Probleme, die bei der Konfiguration des maxPostSize-Attributs von Tomcat beachtet werden müssen

Zeichnen Sie ein Herz mit CSS3

Detaillierte Erklärung, wie Sie den Speicherort der Nginx-Konfigurationsdatei finden

So verwenden Sie TypeScript in Vue

Zusammenfassung des Wissens über MySql-Speicher-Engines und Indizes

So ändern Sie Farben und Designs in Vim unter Linux

Detaillierte Erläuterung der Kommentare zu gespeicherten MySQL-Prozeduren

Verwenden einer MySQL-Datenbank im Docker, um LAN-Zugriff zu erhalten