na_ah https://blog.hatena.ne.jp/na_ah/ na_ahのブログ https://na-ah.hatenablog.com/ こんにちは！ 今回はHTML/CSSの便利な文法をまとめます。 スクロールしても動かないパーツの作り方 文法 position: stickyまたはposition: fixedを使う top: 0で上部に固定、bottom: 0で下部に固定される 注意点 fixedは画面全体が基準 stickyは親要素内でのみ追従 fixedを指定すると要素が浮いた状態になる 重なり順に注意 テーブルの作り方 文法 table -> thead , tbody -> tr -> th, tdの構造 覚え方 tr: table row th: table header cell td: table data … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fna-ah.hatenablog.com%2Fentry%2F2024%2F01%2F17%2F223751" title="HTML/CSSの便利な文法 その1 - na_ahのブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2024-01-17 22:37:51 rich https://na-ah.hatenablog.com/entry/2024/01/17/223751 1.0 100%