はじめに こんにちは。東京のコロナ感染者すごい増えてますね... 重傷者が少ないことを祈るばかり さて、今回は知人に紹介した拡張機能なのですが、これいいぞ！ってあまり宣伝している人がいなかったので、宣伝しようと思います！ 結論 これです↓ なにができるのか ちょっとHTML, CSS, JavaScriptを試せるエディタが出現します！ コンソールも出るので、JavaScriptのデバッグもできます ライブラリも簡単に追加できます おわりに 今回は低糖質な記事ですが、とても便利な拡張機能のご紹介でした。 ぜひインストールしてみてはいかがでしょうか！ それでは！

発生した問題 メイン画像を貼った時に、画面いっぱいに表示させようと思ったのだが、どうしても周りにスペースができてしまった。 解決法 body { margin: 0; padding: 0; } 原因 原因は「user agent stylesheet」と呼ばれるもの。 「user agent stylesheet」とは、ブラウザ毎に設定されているデフォルトのCSS設定のこと。 これがあると、自分が設定した覚えのないCSSもブラウザによって反映されることがある。 対策 自分が設定した覚えのないCSSもブラウザによって反映されることがあるのでリセットCSSで対策する。