Um eine Website basierend auf Webstandards zu entwerfen, verwendet die Übergangsmethode hauptsächlich XHTML + CSS, und CSS-Stylesheets sind unerlässlich. Dies erfordert, dass alle Webdesigner CSS beherrschen. Wenn Sie es noch nicht verwendet haben, beginnen Sie jetzt mit dem Lernen. Um eine Website zu erstellen, die den Webstandards entspricht, können Sie ohne CSS-Kenntnisse keine schönen Seiten entwerfen.
Tatsächlich müssen alle Aspekte der Präsentation mit CSS implementiert werden. Früher haben wir Tabellen für die Positionierung und das Layout verwendet, aber jetzt müssen wir DIV für die Positionierung und das Layout verwenden. Das ist eine Umstellung der Denkweise, die zunächst etwas unangenehm ist. Haha, es wird Widerstand gegen jede Änderung geben. Um die Vorteile der Standards nutzen zu können, lohnt es sich, einige alte traditionelle Praktiken aufzugeben.
Stylesheets extern aufrufen
In der Vergangenheit haben wir Stylesheets normalerweise auf zwei Arten verwendet:
Seiten-Inline-Methode: Das Stylesheet wird direkt in den Kopfbereich des Seitencodes geschrieben. Etwas in der Art:
<style type=text/css> <! ――Körper { Hintergrund: weiß; Farbe: schwarz }――> </style>
Externe Aufrufmethode: Schreiben Sie das Stylesheet separat. CSS-Datei und rufen Sie sie dann mit einem Code ähnlich dem folgenden im Kopfbereich der Seite auf.
<link rel=stylesheet rev=stylesheet href=css/style.css type=text/css media=all />
Bei einem Design, das den Webstandards entspricht, verwenden wir die externe Aufrufmethode. Die Vorteile liegen auf der Hand. Sie können die Seite nur ändern, ohne sie zu ändern. CSS-Datei, um den Stil der Seite zu ändern. Wenn alle Seiten dieselbe Stylesheet-Datei aufrufen, kann die Änderung einer Stylesheet-Datei die Stile aller Dateien ändern.
Double-Table-Methodenaufruf-Stylesheet
<link rel=stylesheet rev=stylesheet href=css/style.css type=text/css media=all /> <style type=text/css media=all> @import url( css/style01.css ); >
Warum zweimal schreiben?
Tatsächlich reicht es unter normalen Umständen aus, die externe Linkmethode (dh den ersten Satz) zu verwenden. Der Doppeltabellenaufruf, den ich hier verwende, ist nur ein Beispiel. Zur Eingabe des Stylesheets wird der Befehl @import verwendet. Der Befehl @import ist im Netscape 4.0-Browser ungültig. Mit anderen Worten: Wenn Sie möchten, dass bestimmte Effekte im Netscape 4.0-Browser ausgeblendet und in 4.0 oder höher oder anderen Browsern angezeigt werden, können Sie das Stylesheet mit der Befehlsmethode @import aufrufen.