Website Design - Wie ein grundlegendes CSS-Layout bauen

Wie ein grundlegendes CSS-Layout bauen

Planung ohne Tabellen, die von CSS-Layouts ist schnell zu dem neuen Standard im Web wegen der vielen Vorteile, die es bietet. Web-Browser in diesen Tagen ist nun in der Lage verwendet, um Web-Seiten proficiently zu machen. In diesem Artikel werde ich versuchen, ein grundlegendes 2 Spalte CSS-Layout zu erstellen, die Sie für zukünftige Designprojekte nutzen können.







Verpackung. ist der div, die für die Seitenelemente alle anderen divs wie ein Container umschlingt.
Header. definiert das Top-Banner auf der Seite
Main. definiert den Hauptinhalt der Seite
nav. definiert die Navigation der Seite
Fußzeile. definiert die Fußzeile und Unter Navigation der Seite

3. Erstellen Sie die Seite Navigationsmenü - die linke Seite Navigation bauen ich den normalen CSS-Code verwenden, um die verschiedenen Links, dh

Wenn Links an anderer Stelle auf der Seite platziert werden, werden sie die gleichen Eigenschaften wie above..a blauen Link erben, die auf Rot schwebt.







Was passiert, wenn Sie einen anderen Satz von verschiedenen farbigen Links erstellen möchten, die Farbe ändern und unterstrichen werden, wenn Sie die Maus über sie geht?

4. Erstellen Sie die untere Navigation - gehören die Navigation in der