平尾誠@arutega

はじめまして。 恐れ入りますが質問させてください。 section>h2+(section>h3+p)*2 はダメということでしょうか？ margin-topに統一のほうが管理しやすいと聞いたことがありますが、bottom統一のほうが良いでしょうか？ imgを囲むのはdivやfigureでなくpのほうが相応しいということでしょうか？

初めまして、こんにちは。 >section>h2+(section>h3+p)*2 これは問題ないはず。 なぜなら、sectionで階層を作っているからです。 続く

>margin-topに統一のほうが管理しやすいと聞いたことがありますが、bottom統一のほうが良いでしょうか？ marginの相殺回避のために統一が最大の目的です。 なので、現場のポリシーに合わせるのが一番でしょう。ただ自分は8年間制作会社で見たことがなかっただけかもしれません。

ご存知の通りimgはもともとinline要素で置換要素です。 そして、文章的には無くても意味が通じるのが理想。 なので意味をHTML要素で与えるというのが目的かと。 続く

ここからは文脈によりますが、挿絵として使う場合は文章と同様にpタグで囲む。 ですが、図形としてならfigureが好ましいといったところですよね。 divでも構文エラーではないしdisplay:block;としてつかってもいけます。(mozillaに記載) でもセマンティックでもない、と行った認識です。

ヘイトじゃなくてハイト、なんて読むの。。。じゃなくてウィドゥス

ハイト！ けどwidthはわかりかねます！ ウィドゥスって言ってますけど、自信持って言える人僕はまだ出会ったことないですね笑

横から失礼します！ 私もウィドスって読んでて、ツイッターで「ワイドだよ！」って指摘されたんですが、その後実はウィズが一番正解だってことを知りました！笑 でも日本ではウィドスって言ってる人多いからそれで良いって意見も聞きました^_^笑

margin paddingは上に上にが常識だと思ってました。 変更があった場合、変更箇所以外のmargin-bottomを調整する必要が出てきますよね？ topであれば自身のにかかっている余白なので調整が効きます。 見出しなどはわかりますが、bottomのメリットって、どのあたりが大きいのでしょうか。

すみません、質問です。 htmlに直にcss指定禁止というのは、例えば html{font-size:62.5%} みたいなのは良くないという事でしょうか？

わかりにくくて、すみませんでした。 おっしゃるようなreset.cssをのぞいて、HTML要素にclassをつけないでっ指定することです。 ただあくまで禁止ではなく、運用面を考えた時に非推奨だということです。