そういったサイトで、CSSを解除した状態では、背景の白地、見出し、本文、引用がブラウザの標準で表示されます。
フォント、フォントサイズ、太字、斜体、行間隔、文字間隔、アンカーに関しては色、等など
これらをブラウザごとに存在する「標準表示形式」とすれば、この標準表示形式をまとめたサイトはあるのでしょうか。
H1はWinのIEでは○pt、Gecko系では○pt、
H2は・・・・、H3は・・・、H4・・・
Pの行間は○px、BRでの行間は・・・
未表示リンクは#0000FF、表示済みは#・・・
など
できるだけ多くのOS、ブラウザの「標準表示形式」をまとめてあるとうれしいです。
また、タグは多くなければ意味がありません。
できれば日本語でお願いします。
Netscape 7.1 と Internet Explorer 6.0 のブラウザ設定の比較があります。
http://tancro.stp-1.com/stylesheet/default.html
Default style of HTML2.0
最近のは分かりませんが、あまり変わっていないと思います。
これでほぼ正解です。
しかし、ポイントやピクセルなど、固定値での決まりがあってもいいように思います。
もう少し続けます。
http://www.w3.org/Style/1998/07/tvweb-style
Default CSS2 style sheet for Web pages on a TV
1つめはTVWEBのデフォルトのようです
2つめはIE6のデフォルトみたいですね
3つめはDr. Roland Ungerって人のメモのようです
4つ目は参考程度・・・ここまで、日本語でなくてすみません(^^;
5つ目は配布しているカスケードスタイルシートなので参考になるかもしれません
6つ目のリンクにHTML4.0のCSSサンプルが在るようです
http://invisionfree.com/forums/support/index.php?showtopic=8030
InvisionFree -> Default Style Sheet (CSS)
http://www.soziologie.uni-halle.de/unger/notes/view.en.php?which...
Sources - Technical Details - Editor's Notes - Roland Unger
Cascading Style Sheets, level 1
・・・違いますね。
一つ目のTVWEBが18ptだということはわかりました。しかし、TVWEBユーザがどのくらいいるのか・・・疑問です。
そのほかは英語のために全文読んだわけではないですが、クラスやIDが指定されているところを見ると、そのサイトで使用しているデフォルトのスタイルシートのようですので...。
ないんですかね・・・
これがわかれば各ブラウザにあわせたCSSの設定もとても楽になると思うのですが・・・
ここからは検証結果とその方法(裏づけ)でもかまいませんのでお願いします。
ちなみに検証方法のみは不要です。
求めている回答とは的外れになるかと思いますが参考URLはHTML4.0の推奨値だそうです。
色に関すること、ブラウザごとの違いなどには触れられていません。
以下は役に立つかどうかわかりませんが、Win版IEでページ内に実際に適用されているスタイルを調べるjavascriptです。
ブラウザの設定で変更できるスタイル等も反映された後なので標準スタイルとはいいきれませんが。
<html>
<head>
<title>test</title>
<script type=”text/javascript”>
<!--
var Msg=’’;
function styleViewerS(O) {
if(O.tagName) {
Msg += ’【’+O.tagName+’】¥n’;
for(var Z in O.currentStyle) Msg += ’’+Z+’:’+ O.currentStyle[Z]+’;¥n’;
}
for(var X=O.firstChild;X;X=X.nextSibling) styleViewerS(X);
}
function styleViewer() {
styleViewerS(document.body);
document.getElementById(’T’).value=Msg;
}
//-->
</script>
</head>
<body onload=”styleViewer()”>
<textarea id=”T” cols=60 rows=30></textarea>
<h1>H1要素</h1>
<h2>H2要素</h2>
</body>
</html>
※例としてH1とH2を書いてあります。ページ内のbody配下の全てのタグのスタイルを表示するので調べたいタグをページ内に書き込むことで全てのタグのスタイルを調べることができます。
参考URLは2の方の答えの新版のようですね。自分でもちょっと探していたのでありがたいです。
ただ、これにも固定値がなく残念です。
JavaScriptですが、ちょっと使い方がわかりません・・・。
残念ですが、ポイントの都合で以上で終了させていただきます。
全く違います。
【ウェブマスター】で質問した趣旨を理解してください。