スタイルシート チェック用ページ

グローバル クラス
インデントのチェック
各要素のチェック
<pre>のチェック
表のチェック
箇条書きのチェック
<blockquote>のチェック
ページの横幅について

各要素の動作確認

インデントのチェック

チェック対象 .indent(グローバル クラス)

どのくらいインデントされているのが正しいのか判然としないけど,まぁ,適度にインデントされていればいいことにしましょう.

1        10        20        30        40        50        60
+--------+---------+---------+---------+---------+---------+
123456789012345678901234567890123456789012345678901234567890
#include <stdio.h>

int main(void)
{
    printf("hello, world\n");
    return 0;
}

箇条書きのチェック

<pre>のチェック

なんでかよくわからないんだけど, スタイルシートに何も指定しないで<pre>を使うと <pre>を閉じたあとに1行分 空行ができてしまう(もしかしたら環境依存かも). いずれにしても,スタイルシートに“margin-bottom: 0;”とかいておくと余計な空行はなくなるようだ (実際には0ではなくて<p>などと同じマージンを指定しておかないとバランスが悪いけど).

サンプルプログラム
#include <stdio.h>

int main(void)
{
    printf("hello, world\n");
    return 0;
} ※この下に変な隙間が開いてないかどうかチェックしてください.

<blockquote>のチェック

<blockquote>のチェック用ページです. このパラグラフと,直後の<blockquote>で囲まれたエリアとの隙間(マージン)が 適当か確認してください.

この文字列が<blockquote>で囲まれています. 境界線のスタイル,マージンをチェックしてください.

このパラグラフと上の<blockquote>で囲まれたエリアの隙間(マージン)が適当か 確認してください.


はたいたかし
2013-02-19 チェック項目が少ない要素を別ページからこのページに移動
Home > Lib > CSS