代替スタイルシート

代替スタイルシートとは何ぞや

代替スタイルシートというのは、外部スタイルシートをいくつか用意しておくと、
訪問者がそれを自由に切り替えられるというNetscape6及びMozillaの機能です。
便利ですねー。

CSSは知ってますよね…？
Webページの、文章とデザインを分離する為の、「デザインを記述」する部分ですね。
んで。外部スタイルシートを読み込むのには、

というのを<head>部分に書けばいいのです。

代替スタイルシートを用意した時は、<head>部分に

と書けばOKです。
head部分にこう書かれたHTMLをNetscape6/Mozillaで見ると、
「表示」→「スタイルシートを適用」（view→style だったっけ？）で替えられます。

IEでは見れないのぉ～？

Win+IEの方には、ス切りボをお勧めします。
2chのCSSスレでも言及されていた覚えが。
まぁ、代替スタイル機能、MyStyleSheet機能、その他便利な機能をIEに付け加えるソフト、と思っていただければ。
俺も使ってます。

インストールするとIEに見慣れないボタンが出現するので、押してみてください。
ささ、ポチッと！（藁

Strictのススメ。

Strictというのは、HTML勧告の種類…でしょうか。
現在のHTMLは1999年12月24日勧告の4.01です。
どんなものか見たい方はW3Cへ。HTML4.01の仕様（W3C勧告,原文）
英語を見るとアレルギーを起こす方はこちらへ。日本語訳
で、Strictというのは「厳密なHTML」です。
StrictのほかにはTransitionalとFramesetがあります…確か。
Transitionalは過渡期用／廃止予定なので、使わないようにしましょう…
fontとか、centerとか…あとは要素の属性にそういうものが多くあります。
align,background,bgcolorなどですね…。
そういうものは全て、CSSで定義できるようになっています。

…で、なぜStrictがいいか。
StrictなHTMLを書いておくと、CSSをいじるだけで簡単にデザインが変えられます。
むしろ、CSSはそういうものです。
代替スタイルシートを用意したい時、これはとても便利です。

StrictなHTMLを書くには…。
<h1>～<h6>などの見出し、リストを有効利用しましょう。
さらに、<body>要素の中に生のテキストを入れることはお勧めしません･･･。
できれば<p>や<div>要素の中に入れるようにしましょう。
あとは、デザインの部分を削っていけば、HTML自体は簡単にかけます。

代替スタイルシート

広告