nyantarou & plamolinux に戻る

目次に 戻る？？

ここの CSS について plamolinux インストール

何はともあれ 参考 資料を を 元に 抜き出して 検討を しよう参考の 場所は

http://www.w3.org/StyleSheets/Core/preview

ここで 色々 みて ブラウザにて ソースを 表示 させると

<link rel="stylesheet" href="http://www.w3.org/StyleSheets/Core/Swiss" type="text/css" />

の 様な ものが 最初の 方に 見付かると 思うので そこに 例えば

http://www.w3.org/StyleSheets/Core/Swiss

に ブラウザで アクセス すると Oldstyle.css、 Steely.css、 Swiss.css、 Ultramarine.css 何ぞを 得る事が 可能であるそれらを 適当に 見繕って適当に 抜き出す。

まず h1 から h6 迄の 文字の 大きさに ついて

ここは yxX h1;2em; H1;font-weight: 500;

ここは yxX h2;1.75em; H2;font-weight: 500;

ここは yxX h3;1.58em; H3;font-weight: 600;

ここは yxX h4;1.33em; H4;font-weight: 600;

ここは yxX h5;1.17em; H5;font-weight: 600;

ここは yxX h6;1em; H6;font-weight: 700;

ここは yxX  p; 1em;P;

small font-size: .92em; 小さめ big font-size: 1.17em; 大きめ

これらで 文字の 大きさの 関係を 確認 出来る

h1                                h2 
        word-spacing:   normal;        word-spacing:   normal;
        letter-spacing: normal;        letter-spacing: normal;
        text-transform: none;          text-transform: none;
        margin-top:     1.33em;        margin-top:     1.75em;
        margin-bottom:  .33em;         margin-bottom:  .33em;
        padding-top:    0;             padding-top:    0;
        padding-bottom: 0;             padding-bottom: 0;
        border-top:     0;             border-top:     0;
        border-bottom:  0;             border-bottom:  0;
-----------------------------     ------------------------------
h3                                 h4
        margin-top:     1.58em;        margin-top:     1.33em;
        margin-bottom:  .33em;         margin-bottom:  .33em;
        padding-top:    0;             padding-top:    0;
        padding-bottom: 0;             padding-bottom: 0;
        border-top:     0;             border-top:     0;
        border-bottom:  0;             border-bottom:  0;
-----------------------------     ------------------------------
h5                                 h6 
        margin-top:     1.17em;        margin-top:     1em;
        margin-bottom:  .33em;         margin-bottom:  .33em;
        padding-top:    0;             padding-top:    0;
        padding-bottom: 0;             padding-bottom: 0;
        border-top:     0;             border-top:     0;
        border-bottom:  0;             border-bottom:  0;
-----------------------------     ------------------------------
font-size:
h1       2em;
h2       1.75em;
h3       1.58em;
h4       1.33em;
h5       1.17em;
h6       1em;

body     1em;   

small    .92em;
big     1.17em;

        line-height:  
body                    line-height:    1.58em;
h1, h2, h3, h4, h5, h6  line-height:    1.33em;

margin-top に ついて h1と h2 では 値が 入れ替わっている が バランス の 関係でしょう？ margin-bottom は 共通のようだ。

取り敢えず こんな所ですか、これらを 参考に 幾許かの改悪を 加えて css を 作成するものと する。この css ファイルの 名前は type01.css である。
にゃんたろう 拝！

2005年10月10日 (月) 00:16:20 JST

目次に 戻る？？

nyantarou & plamolinux に戻る