CSS テスト用ページ

2016/08/30
兼六園

アイキャッチ画像の上のマージン確認。

H2ヘッダー

ヘッダー直後の画像。通常文章通常文章通常文章通常文章通常文章通常文章通常文章通常文章通常文章通常文章通常文章通常文章通常文章。

フォントサイズ 1em
フォントサイズ 1.17em
フォントサイズ 1.5em
フォントサイズ 13px
フォントサイズ 16px
フォントサイズ 18px
フォントサイズ 20px

項目1項目2項目3
でーた1でーた2でーた3aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 3aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
でーた1でーた2でーた3でーた3でーた3でーた3でーた3でーた3でーた3でーた3でーた3でーた3でーた3でーた3でーた3でーた3でーた3でーた3でーた3でーた3
でーた1でーた2
  • リストですよリストですよリストですよリストですよリストですよリストですよ
  • リストですよリストですよリストですよリストですよリストですよリストですよ
  • リストですよリストですよリストですよリストですよリストですよリストですよ
でーた1でーた2
  1. リストですよリストですよリストですよリストですよリストですよリストですよ
  2. リストですよリストですよリストですよリストですよリストですよリストですよ
  3. リストですよリストですよリストですよリストですよリストですよリストですよ

テーブルノーマル。miniクラス設定版。

引用文。改行も入れるし空行も入れる。改行も入れるし空行も入れる。改行も入れるし空行も入れる。改行も入れるし空行も入れる。改行も入れるし空行も入れる。
改行も入れるし空行も入れる。改行も入れるし空行も入れる。改行も入れるし空行も入れる。改行も入れるし空行も入れる。

改行も入れるし空行も入れる。改行も入れるし空行も入れる。改行も入れるし空行も入れる。改行も入れるし空行も入れる。改行も入れるし空行も入れる。

H3ヘッダー直後の画像

H3ヘッダー

リストタイプの余白加減の確認。キー ボタン

  • ただのリストただのリストただのリストただのリストただのリストただのリストただのリストただのリストただのリスト
  • ただのリストただのリストただのリストただのリストただのリストただのリスト
  • ただのリストただのリストただのリスト
  1. ただのリストただのリストただのリストただのリストただのリストただのリストただのリストただのリストただのリスト
  2. ただのリストただのリストただのリストただのリストただのリストただのリスト
  3. ただのリストただのリストただのリスト
  4. ただのリストただのリスト
  5. ただのリストただのリスト
  6. ただのリストただのリスト
  7. ただのリストただのリスト
  8. ただのリストただのリスト
  9. ただのリストただのリスト
  10. ただのリストただのリスト
  • チェックボックスのリストチェックボックスのリストチェックボックスのリストただのリストただのリストただのリスト
  • チェックボックスのリストチェックボックスのリスト
  • チェックボックスのリスト
  1. ただのリストただのリストただのリストただのリストただのリストただのリストただのリストただのリストただのリスト
  2. ただのリストただのリストただのリストただのリストただのリストただのリスト
  3. ただのリストただのリストただのリスト
  4. ただのリストただのリスト
  5. ただのリストただのリスト
  6. ただのリストただのリスト
  7. ただのリストただのリスト
  8. ただのリストただのリスト
  9. ただのリストただのリスト
  10. ただのリストただのリスト

兼六園

  • リスト間の画像
  • リスト間の画像

H2ヘッダーからのH3ヘッダー

直後にH3ヘッダー配置

ボックステスト

重要ボックス重要ボックス重要ボックス重要ボックス重要ボックス重要ボックス重要ボックス重要ボックス重要ボックス

divの重要ボックス重要ボックス重要ボックス重要ボックス重要ボックス重要ボックス重要ボックス重要ボックス重要ボックス

注意ボックス注意ボックス注意ボックス注意ボックス注意ボックス注意ボックス注意ボックス注意ボックス注意ボックス注意ボックス

divの注意ボックス注意ボックス注意ボックス注意ボックス注意ボックス注意ボックス注意ボックス注意ボックス注意ボックス注意ボックス

情報ボックス情報ボックス情報ボックス情報ボックス情報ボックス情報ボックス情報ボックス情報ボックス情報ボックス情報ボックス

青ボックス青ボックス青ボックス青ボックス青ボックス青ボックス青ボックス青ボックス青ボックス青ボックス青ボックス青ボックス青ボックス

div の青ボックス青ボックス青ボックス青ボックス青ボックス青ボックス青ボックス青ボックス青ボックス青ボックス青ボックス青ボックス青ボックス

赤ボックス赤ボックス赤ボックス赤ボックス赤ボックス赤ボックス赤ボックス赤ボックス赤ボックス赤ボックス赤ボックス赤ボックス赤ボックス

  • ボックス内リスト
  • ボックス内リスト
  1. ボックス内リスト
  2. ボックス内リスト
  • ボックス内リスト
  • ボックス内リスト
  • ボックス内リスト
  • ボックス内リスト
  1. ボックス内リスト
  2. ボックス内リスト
  1. ボックス内リスト
  2. ボックス内リスト
  • ボックス内リスト
  • ボックス内リスト
フィールドセット
  • フィールド内リスト
  • フィールド内リスト
  • フィールド内リスト
フィールドセット
  • フィールド内リスト
  • フィールド内リスト
  • フィールド内リスト
  • フィールド内リスト
  • フィールド内リスト
  • フィールド内リスト
  1. フィールド内リスト
  2. フィールド内リスト
  3. フィールド内リスト
  1. フィールド内リスト
  2. フィールド内リスト
  3. フィールド内リスト
フィールドセット
  • フィールド内リスト
  • フィールド内リスト
  • フィールド内リスト
  • フィールド内リスト
  • フィールド内リスト
  • フィールド内リスト
  1. フィールド内リスト
  2. フィールド内リスト
  3. フィールド内リスト
  1. フィールド内リスト
  2. フィールド内リスト
  3. フィールド内リスト

まとめの H4 ヘッダー

文字の大きさが L です文字の大きさが L です文字の大きさが L です文字の大きさが L です文字の大きさが L です

文字の大きさが LL です文字の大きさが LL です

文字の大きさが SS です文字の大きさが SS です文字の大きさが SS です文字の大きさが SS です文字の大きさが SS です

文字の大きさが SS です文字の大きさが S です

太字 朱字 青字

リンク系のやつ長めに文章載せておくリンク系のやつ長めに文章載せておく
リンク系のやつ長めに文章載せておくリンク系のやつ長めに文章載せておく
リンク系のやつ長めに文章載せておくリンク系のやつ長めに文章載せておく

ただの文章ただの文章ただの文章ただの文章ただの文章ただの文章ただの文章ただの文章ただの文章ただの文章ただの文章ただの文章ただの文章ただの文章ただの文章ただの文章ただの文章ただの文章ただの文章ただの文章

カエレバリンク

太字表記確認

標準です [永 ABCabc 012]
太字です [永 ABCabc 012]

font-weight: 100 [永 ABCabc 012]
font-weight: 200 [永 ABCabc 012]
font-weight: 300 [永 ABCabc 012]
font-weight: 400 [永 ABCabc 012]
font-weight: 500 [永 ABCabc 012]
font-weight: 600 [永 ABCabc 012]
font-weight: 700 [永 ABCabc 012]
font-weight: 800 [永 ABCabc 012]
font-weight: 900 [永 ABCabc 012]

YouTube 貼り付け

メールフォーム


このブログの運営者

NJ

気力・体力勝負なシステム業界のエンジニアを経て、個人事業主として独立。Web サイト運営、動画制作など活動の場を広げています。

このブログでは、困ってたどり着いた人に、分かりやすく答えを提供できるように心掛けています。更新情報は、Twitter や Facebook ページを参照ください。フォローお待ちしています。

Facebook ページ NJ-CLUCKER
このブログが役に立ったら
「いいね!」お願いします

サイト内検索

最近のエントリー

WordPress でプラグインを利用せずメールフォームを自作!画面遷移せず非同期処理で実装

安室奈美恵 Finally 再録曲は完コピを超えた!もはやベストアルバムではなくニューアルバムだ!

iTunes で再生回数や最後に再生した日が更新されない場合の対処法

AbemaTV(アベマTV)をテレビ画面で見る方法!基本的にネット環境は必須!

Nintendo Switch 初期不良による問い合わせから修理までの流れ

Windows 10 起動時に Chrome が勝手に起動する原因は?急に起動するようになったのは OS の仕様変更によるもの

JavaScript の数値チェックに isNaN を使ってはいけない理由

Nintendo Switch のセーブデータを保持したまま本体を初期化する!本体の調子が悪い時の対処法の1つです!

プラグインを使わず WordPress の投稿ページで PHP の外部ファイルを呼び出す方法

Feedly ボタンが機能していない?!正しい URL の情報に変更する方法