ブログ
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-08-24(日) (全)鬼滅の刃無限城1見てきた
2025-08-02(土) (全)
デレステ
2025-07-20(日) (全)
選挙の話
2025-07-12(土) (全)
選挙の話とか
2025-07-06(日) (全)
株とAI
2025-06-14(土) (全)
株日記
2025-06-01(日) (全)
学マス1stの裏で
2025-05-31(土) (全)
学マス1st
2025-05-16(金) (全)
株日記
2025-04-27(日) (全)
ライブと備忘録
カレンダー
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| 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 |