昨日から独学でwebデザインを勉強し始めた大学生なのでおかしな質問をしていたらすみません。
昨日から独学でwebデザインを勉強し始めた大学生なのでおかしな質問をしていたらすみません。 添付した画像のようなコードを書いたのですが、オレンジと水色の間に空白ができてしまうのはなぜですか。(画像はブラウザのスクリーンショットにコードのスクリーンショットを張り付けています。) marginなども設定していないのでなぜかわかりません。仕様なのでしょうか。 また、行間の空白をなくす方法はありますか。 visual studio codeで書いてchromeで表示しています。よろしくお願いします。
ベストアンサー
各種Webブラウザには固有の余白が要素毎に初期値設定されています。 ご質問の場合は、p要素の上下に設定されているWebブラウザ固有の余白です。 このブラウザ固有の余白が邪魔になる場合は余白設定をリセットします。 下記コードで試してみてください。 <style} /* リセットCSS strat */ * { margin: 0; padding: 0; } /* リセットCSS end */ .block1 { ・・・・ } .block2 { ・・・・ } </style> 参考までに、リセットCSSの解説は下記から http://websta.webcrow.jp/resetcss/
質問者からのお礼コメント
ありがとうございました！
お礼日時：1/24 9:39
