WEB-Standard-Design-Website, die Hauptmethode ist die Verwendung von XHTML + CSS, CSS-Stylesheets sind unerlässlich. 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. Dies ist eine Umstellung der Denkweise. Um die „Vorteile“ der Standards nutzen zu können, lohnt es sich, auf einige alte traditionelle Praktiken zu verzichten.
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:
Nachfolgend der zitierte Inhalt: <style type="text/css"> <!-- body { Hintergrund: weiß } --> </style> |
Externe Aufrufmethode: Schreiben Sie das Stylesheet in eine separate CSS-Datei und rufen Sie es dann mit einem Code ähnlich dem folgenden im Kopfbereich der Seite auf.
Nachfolgend der zitierte Inhalt: <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" /> |
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 ändern und nur die CSS-Datei zu ändern. Wenn alle Seiten dieselbe Stylesheet-Datei aufrufen, kann die Änderung einer Stylesheet-Datei die Stile aller Dateien ändern.
Verwenden Sie die Doppeltabellenmethode, um das Stylesheet aufzurufen und den Originalcode einiger standardkonformer Websites anzuzeigen. Möglicherweise sehen Sie die folgenden zwei Sätze, in denen das Stylesheet aufgerufen wird:
Nachfolgend der zitierte Inhalt: <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 );</style> |
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 dient der Befehl „@import“. Der Befehl „@import“ ist in Netscape 4.0-Browsern 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.