Beim Entwerfen einer Website unter Verwendung von Webstandards besteht die wichtigste Umstellungsmethode in der Verwendung von 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 Ausdrücke 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“ zu genießen, die Standards mit sich bringen, lohnt es sich, einige alte traditionelle Praktiken aufzugeben.
Extern aufrufende Stylesheets
In der Vergangenheit haben wir Stylesheets normalerweise auf zwei Arten verwendet:
In-Page-Methode: Schreiben des Stylesheets direkt in den Seitencodekopf Bereich. Etwa so:
Externe Aufrufmethode: Schreiben Sie das Stylesheet in eine separate CSS-Datei und rufen Sie es dann mit Code ähnlich dem folgenden im Kopfbereich von auf die Seite.
Im Design, das den Webstandards entspricht, verwenden wir die externe Aufrufmethode. Die Vorteile liegen auf der Hand. Sie können den Stil der Seite ändern, ohne die Seite zu modifizieren , wobei nur die .css-Datei geändert wird. Wenn alle Seiten dieselbe Stylesheet-Datei aufrufen, kann die Änderung einer Stylesheet-Datei die Stile aller Dateien ändern.
Doppelte Tabellenmethode zum Aufrufen des Stylesheets
Sehen Sie sich den Originalcode dieser Seite an. Sie können sehen, dass es die folgenden 2 Sätze gibt, in denen das Stylesheet aufgerufen wird:
@import url( css/style01.css );
Warum Muss man es zweimal schreiben?
Tatsächlich reicht es unter normalen Umständen aus, die externe Link-Methode (also den ersten Satz) zu verwenden. Der Doppeltabellenaufruf, den ich hier verwende, ist nur ein Beispiel. Zur Eingabe des Stylesheets dient der Befehl „@import“. Der Befehl „@import“ ist im Browser der Netscape 4.0-Version 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.