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
Drei Beispiele für Unschärfe-Hintergrundeffekte mit CSS3
Beginnen wir nicht mit der Einleitung, sondern ko...
Detaillierte Erklärung des Vue-Plugins
Zusammenfassen Dieser Artikel endet hier. Ich hof...
JavaScript imitiert den Jingdong-Lupeneffekt
In diesem Artikel wird der spezifische Code für J...
Welchen MySQL-Eindeutigen Index oder Normalen Index soll ich wählen?
Stellen Sie sich ein Szenario vor, in dem beim En...
Zusammenfassung der Konfigurationsprobleme von Nginx-Standort und Proxy-Pass-Pfad
Inhaltsverzeichnis 1. Grundlegende Konfiguration ...
Grafisches Tutorial zur Installation und Konfiguration der Dekomprimierungsversion von MySQL 8.0.25
Installations-Tutorial zur dekomprimierten Versio...
Detaillierte Erklärung der Unterschiede zwischen SQL Joint Query Inner Join, Outer Join und Cross Join
Beim Entwickeln von Anwendungen, die eine Datenba...
Beste Möglichkeit, den Schlüssel im JSON-Objekt zu ersetzen
JSON (JavaScript Object Notation, JS Object Notat...
Detaillierter Prozess zum Erstellen von MongoDB und MySQL mit Docker-Compose
Schauen wir uns die detaillierte Methode zum Erst...
Die Architektur und Praxis der Synchronisierung von Meituan DB-Daten mit dem Data Warehouse
Hintergrund Bei der Data-Warehouse-Modellierung w...
Detaillierte Erklärung zum Ändern des Stils von el-select: popper-append-to-body und popper-class
So ändern Sie den Stil der von elementUI bereitge...
Ein seltener Fehler und eine Lösung für die vollständige SQL Server-Sicherung
1. Fehlerdetails Als ich einmal manuell eine voll...
So stellen Sie MySQL-Master und -Slave in Docker bereit
Bild herunterladen Auswählen eines MySQL-Images D...
Vue3 manuelle Kapselung Popup-Box-Komponente Nachrichtenmethode
In diesem Artikel wird der spezifische Code der m...
Detaillierte Erläuterung des Ausführungsprozesses von MySQL-Abfrageanweisungen
Inhaltsverzeichnis 1. Kommunikationsmethode zwisc...