【今日のQ&A】スタイリングの正常化【CSS】

2019年7月11日

こんにちは、@codeship_techです。

今回はブラウザの初期設定に関する質問と、おまけでVisualStudioCode標準搭載ツールEmmetを使ったよくある記述をご紹介します！

nomalize.cssって何ですか？

htmlはブラウザによって見え方が違います。

googleが提供しているブラウザのchormeでは、htmlのbodyに自動でpaddingやmarginが付いていたり、そのほかのスタイルも自動で付いているものがあります。

それをnormalize.cssを読み込むことによって、どのブラウザでも同じように見た目を見せることができます。

normalize.cssのダウンロードはこちらから

おまけ

vs codeで、下記のコードを記述するEmmetは？

<nav>
   <ul id=“menu”>
       <li><a href=“#”></a></li>
       <li><a href=“#”></a></li>
       <li><a href=“#”></a></li>
       <li><a href=“#”></a></li>
       <li><a href=“#”></a></li>
   </ul>
</nav>

nav>ul#menu>li*5>a[href=#]

htmlコーディングをする際にはよく使うフォーマットだと思うので覚えておきましょう。