ブログ
2019-11-04(月) 全体公開ゲムキのブログでhtmlが使えるようになったので使ってみた。
・見だし要素
<h2 style="width:90%;border-bottom:solid thick #0ff;">
下線を適当な長さ引くためにborderの指定をしてある。
・定義リスト
<dl style="margin-top:0">
ブラウザの仕様で上下marginが挿入されるので、
margin-top:0で見出しと定義リストの間を0に。
・定義項目名
<dt style="clear:left;float:left;width:5em;font-weight:bold">
dd要素を同じ行に揃えるためdt要素をfloatさせる。
clearをdt要素に持たせることで、下段にdt要素を追加してもバグらないように。
フォントは太字。
・定義内容
<dd style="margin-left:5em">
dt要素がfloatしているのでmargin-leftを指定して項目名と重ならないように。
必要最小限のデザインをしたって感じなんだが、
PCで見ると1セクションの境目の明確さが微妙な感じがする。
スマホで見た場合はdlのmargin-bottomで境目が十分分かるんだが。
最近の日記
2025-04-27(日) (全)ライブと備忘録
2025-04-26(土) (全)
ライブ参加歴
2025-04-20(日) (全)
来年のコナン映画を予想してみる
2025-04-19(土) (全)
コナンの映画
2025-04-08(火) (全)
株日記
2025-04-06(日) (全)
ユミアのアトリエ その2
2025-04-03(木) (全)
switch2
2025-03-23(日) (全)
ユミアのアトリエ
2025-03-21(金) (全)
株日記ほか
2025-03-02(日) (全)
確定申告
カレンダー
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |