おかし

<h2 id="%E5%80%8B%E4%BA%BA%E7%9A%84%E3%81%AB%E3%81%8A%E6%B0%97%E3%81%AB%E5%85%A5%E3%82%8A%E3%81%AE%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E8%A8%AD%E5%AE%9A">
<a class="header-anchor-link" href="#%E5%80%8B%E4%BA%BA%E7%9A%84%E3%81%AB%E3%81%8A%E6%B0%97%E3%81%AB%E5%85%A5%E3%82%8A%E3%81%AE%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> 個人的にお気に入りのフォント設定</h2>
<div class="code-block-container"><pre class="language-css"><code class="language-css">font-family: "Helvetica Neue", "Segoe UI", "Roboto", "Hiragino Kaku Gothic ProN",
 "Hiragino Sans", -apple-system, "Noto Sans Japanese", "Noto Sans CJK JP",
 "Noto Sans JP", "BIZ UDGothic", sans-serif;
</code></pre></div>基本的にWebフォントは使用しない。使用するとしても欧文のみ。
欧文フォント: Helvetica Neue(Mac OS、iOS)＞Segoe UI(Windows)＞Roboto(Android) 
和文フォント: ヒラギノ(Mac OS)＞Apple端末のシステムフォント＞Noto Sans(Linux、Android)＞BIZ UDゴシック(Windows)

<h2 id="margin%E3%81%A7%E8%A4%87%E6%95%B0%E5%80%8B%E6%8C%87%E5%AE%9A%E3%81%97%E3%81%9F%E5%A0%B4%E5%90%88">
<a class="header-anchor-link" href="#margin%E3%81%A7%E8%A4%87%E6%95%B0%E5%80%8B%E6%8C%87%E5%AE%9A%E3%81%97%E3%81%9F%E5%A0%B4%E5%90%88" aria-hidden="true"></a> Marginで複数個指定した場合</h2>
1つ…上下左右 
2つ…上下 | 左右 
3つ…上 | 左右 | 下 
4つ…上 | 右 | 下 | 左 (←12時から時計回り)

<h2 id="%E3%81%AA%E3%82%93%E3%81%8Bposition%3A-absolute%3B%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B%E3%81%A8%E5%A4%89%E3%81%AB%E3%81%AA%E3%82%8B">
<a class="header-anchor-link" href="#%E3%81%AA%E3%82%93%E3%81%8Bposition%3A-absolute%3B%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B%E3%81%A8%E5%A4%89%E3%81%AB%E3%81%AA%E3%82%8B" aria-hidden="true"></a> なんかposition: absolute;を指定すると変になる</h2>
とりあえず親要素に<code>position: relative;</code>を追加する(忘れがち)