大前提として、クリックしたい要素は必ずaタグかbuttonタグ。それ以外だと要素がフォーカスを受け取らないため、キーボード操作が不可能になります。 tabキー大好きおばさん「divタグにクリックイベント仕込むのは許さん」 その上で、クリックイベントはaタ…

tableのヘッダ（thead）を固定して縦スクロールをしたかった。 だけど、なんか上手くいかなかった。スクロールがtbody部に食い込んだり、レイアウトが崩れたり。一番理想の挙動に近かったのがposition: sticky法。 こんな感じに動く はてブさんのスタイルも…

widthで幅を指定しないと(a)のようになってしまうから、(b)のように文字数によって要素の幅が可変するものを作りたい 実際HTML/CSSを書いてみる <h1>header title</h1> まずwidthにemで指定 h1 { background-color: gray; width: 12em; } 背景はみ出まくり。。。 前記…

CSSで使う単位には、px,pt,em etc. 色々ある。中でemについてちょっと考えてみる そもそも1emの定義は、その要素のfont-sizeプロパティ値（高さ）を１とするらしい じゃあ幅は？ 1emの幅ってどれくらいあるの？ 文字の横幅なんて、全角・半角あるし、そもそ…