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

Detaillierte Erklärung des Unterschieds zwischen $router und $route in Vue

Auszeichnungssprache - CSS-Layout

Detaillierte Erklärung des Unterschieds zwischen $router und $route in Vue

Zusammenfassung der XHTML-Tags auf Blockebene

Zwei Arten von Tab-Anwendungen im Webdesign

Verständnis von Haslaylout- und BFC-Parsing

Einfache Verwendung von temporären MySQL-Tabellen

Detaillierte Einführung in das MySQL-Installationstutorial unter Windows

Analyse des Implementierungsprozesses für die Tomcat maxPostSize-Einstellung

Detaillierte Erläuterung des MySql-Beispiels für automatische Kürzung

So füllen Sie Elemente in Spalten im CSS-Rasterlayout

VMware implementiert den detaillierten Prozess der unbeaufsichtigten PXE+Kickstart-Installation des Centos7-Systems

Artikel empfehlen

Detaillierte Analyse von MySQL-Deadlock-Problemen

Detaillierte Analyse des Tomcat-Servers des Centos 7-Systems

Schritte zur Installation von Pyenv unter Deepin

Analyse von zwei Implementierungsmethoden zum Hinzufügen von statischem Routing in Linux

Beispielcode für die Vue-Bildzuschneidekomponente

Anwendungsszenarien für React useMemo und useCallback

Verschiedene Arten von MySQL-Indizes

Zehn beliebte Regeln für das Interface-Design

Über Tomcat kombiniert mit Atomikos zur Implementierung von JTA

Gründe für den plötzlichen Leistungsabfall bei MySQL

Detaillierte Erklärung zur Verwendung von MySQL Online DDL

Implementierungsbeispiel zum Hochladen mehrerer Anhänge in Vue

MySQL-Unterabfragen und gruppierte Abfragen

So verwenden Sie Filter zur Implementierung der Überwachung in Zabbix

Detaillierte Erklärung zur Synchronisierung von Daten von MySQL mit Elasticsearch