So arbeiten Sie mit Layouts in CSS3

Um ein bestimmtes Layout in CSS3 wählen aus Dynamic Drive, Klicke auf den Link. Sie sehen eine Seite, die eine bessere Darstellung des Layouts an der Spitze enthält. Der Text im Layout enthalten ist Füllstoff, so dass Sie besser beurteilen können, wie das Layout mit Inhalt darin fühlen. Sie können versuchen, den Browser Ändern der Größe, um zu sehen, wie das Layout in verschiedenen Größen aussehen wird.

bild0.jpg

Am unteren Ende der gleichen Seite finden Sie die CSS verwendet, um das Erscheinungsbild der Seite erstellen. Der Code wird in einem internen CSS

image1.jpg

Der Code stellt eine ganze Seite, die Sie zum Testen verwenden können. Die folgenden Schritte erklären, wie Sie den Code zuzugreifen.

  1. Klicken Sie auf Erweitern.

    Sie sehen den Code-Bereich der Seite erweitern den gesamten Code zu zeigen, verwendet, um das Layout zu erstellen.

  2. Klicken Sie auf Select-Code.

    Die Seite wählt den gesamten Code im Code-Bereich für Sie.

  3. rechts, klicken Sie auf den markierten Code und Kopieren aus dem Kontextmenü wählen.

    Die genaue Technik, die Sie verwenden, variiert je nach Browser und Plattform. Zum Beispiel können Sie Strg + C auf Windows-Systemen oder Befehl + C auf Mac-Systemen drücken Sie die gleiche Aufgabe zu erfüllen. Die Idee ist, den Code in die Zwischenablage zu bekommen.

  4. Öffnen Sie Ihren Editor und fügen Sie den Inhalt der Zwischenablage in eine neue Datei.

    Sie sehen das gleiche Beispiel, das auf der Dynamic Drive Website erschienen.

  5. Speichern Sie die neue Datei.

    Verwenden Sie einen Dateinamen, die das Layout darstellt Sie ausgewählt haben.

  6. Laden Sie die Datei in Ihrem Browser.

    Sie sehen die komplette Dynamic Drive Beispiel für das Layout.

Um das Layout auf Ihrer eigenen Seite benutzen, kopieren Sie einfach den Inhalt der

Sie sollten jedoch zur Kenntnis, die Stile mit Elementen im Seitenlayout verwendet werden. Diese Stile und ihre zugehörigen

Tags bieten die tatsächliche Layout Sie auf dem Bildschirm zu sehen.

Menü