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
Artikel empfehlen
Beispielcode zur Implementierung des Verlaufs-Tag-Menüs mit vue+elementui+vuex+sessionStorage
Im Allgemeinen muss, nachdem sich auf der linken ...
So erstellen Sie geplante Aufgaben mit dem Crond-Tool in Linux
Vorwort Crond ist ein Tool zur geplanten Ausführu...
Drei Möglichkeiten, doppeltes Einfügen von Daten in MySql zu vermeiden
Vorwort Im Falle eines Primärschlüsselkonflikts o...
JavaScript implementiert eine einzelne verknüpfte Listenprozessanalyse
Vorwort: Zum Speichern mehrerer Elemente sind Arr...
Zusammenfassung einiger gängiger Protokolle in MySQL
Vorwort: Im MySQL-System gibt es viele verschiede...
Logrotate implementiert alle zwei Stunden die Catalina.out-Protokollrotation
1. Einführung in das Logrotate-Tool Logrotate ist...
Einfache und schnelle Einführung in die React-Routing-Entwicklung
Installieren Geben Sie zur Installation den folge...
Detaillierte Erklärung der Requisiten und Kontextparameter der SetUp-Funktion in Vue3
1. Der erste Parameter props der setUp-Funktion s...
Was sind Ihre Grundsätze für die Gestaltung von Indizes? Wie lassen sich Indexfehler vermeiden?
Inhaltsverzeichnis Primärschlüsselindex Erstellen...
Die Verwendung und der Unterschied zwischen vue3 watch und watchEffect
1. Hörer ansehen Vorstellung der Uhr importiere {...
Tutorial zur Ein-Klick-Installation von Docker und Docker-Compose (unterstützt online und offline)
Shell-Skript #!/bin/sh # Aktuelles Verzeichnis CU...
Node+Express zum Erzielen eines Paging-Effekts
In diesem Artikel wird der spezifische Code von n...
Detaillierte Erklärung, wie Sie den Speicherverbrauch in MySql reduzieren können
Vorwort Standardmäßig initialisiert MySQL einen g...
React implementiert das Hinzufügen, Löschen, Ändern und Abfragen von Todolists
Inhaltsverzeichnis Nehmen Sie Todolist als Beispi...
jQuery manipuliert Cookies
Code kopieren Der Code lautet wie folgt: jQuery.c...