webpagemaker https://blog.hatena.ne.jp/webpagemaker/ 96's blog https://96s.hatenablog.com/ CSS CSSレイアウトについて追記メモ リセットCSS htmlもリセットしているケースもあるが、しなくてもいい。 paddingを指定する時は、widthの値がpaddingの分を引いているか注意。 widthを指定しない状態では、その要素が取れる最大の幅で表示される。 float要素を含むwrapper要素は必ずwidth値を指定する。 打つべし 頭でわからなくてもどんどん打って、数値を変えて、体感して覚える。 CSSの見本サイトでさまざまなパターンのレイアウトやソースを見ることができる。 W3Cのバリデート機能を利用しよう。 アウトライン構造を守って文章構造を適切に設定し、あとはやりたいように… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F96s.hatenablog.com%2Fentry%2F20130711%2F1373468400_1" title="CSS04 - 96&#39;s blog" 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 2013-07-11 00:00:00 rich https://96s.hatenablog.com/entry/20130711/1373468400_1 1.0 100%