目次
CSSテスト記事(本文要素の総合サンプル)
この投稿は、太字・斜体・ハイライト・小さめ文字・inline code・⌘Kなどの表現を確認するためのサンプルです。
見出し(H3)と本文の間隔
- 箇条書き1
- 箇条書き2
- ネストA
- ネストB
- 箇条書き3
- 手順1
- 手順2
- 手順3
引用:一次情報を取りに行く、という姿勢が品質を決めます。
— Sample
コードブロック(pre/code)
def hello(name):
return f"hello {name}"
print(hello("world"))
テーブル
| 項目 | 説明 | 備考 |
|---|---|---|
| 価格 | 月額/年額 | 税込表示 |
| 精度 | 誤変換の少なさ | 辞書対応 |
| 速度 | 処理の速さ | 同時実行 |
埋め込み(iframe / video)
ボタン(Gutenberg + SWELL想定クラス)
レイアウト(カラム/グループ)
左カラム:短いテキストとリンク。
右カラム:強調とcode。
グループ内:余白・背景・境界の挙動を見るための領域です。
SWELLっぽい要素(CSS対象の仮サンプル)
Q. これはFAQの見た目ですか?
A. CSS確認用に、クラスだけ用意しています。
ふきだし(CSS確認用)
キャプションボックス見出し(CSS確認用)
以上。ここまでで本文に出やすいHTML要素を概ね網羅しています。
コメント