j2321-tanakai/html/smu.html at 2e411e608e4b514c2c5ac982580bca435e58eaad

Fork: 0

j2321 / j2321-tanakai

Find file

Newer

Older

j2321-tanakai / html / smu.html

j2321 on 27 Jul 1 KB 更新

Raw Blame History

<!DOCTYPE html>
<head>
    <link rel ="stylesheet" href = "smu.css">
</head>
<div class="ly_siteWrapper">
    <header class="ly_header">
      <div class="ly_header_inner">
        <nav class="bl_headerNav" aria-label="サイト内メニュー">
          <ul class="bl_headerList">
            <li>
              <a href="#">TOPページ</a>
            </li>
            <li>
              <a href="#">下層ページ１</a>
            </li>
            <li>
              <a href="#">下層ページ２</a>
            </li>
          </ul>
        </nav>
        <div class="bl_sizeBtn_wrap">
          <span>文字サイズ変更</span>
          <button type="button" class="bl_sizeBtn" id="fz_sm">小</button>
          <button type="button" class="bl_sizeBtn is_active" id="fz_md">中</button>
          <button type="button" class="bl_sizeBtn" id="fz_lg">大</button>
        </div>
      </div>
    </header>
    <main class="ly_main">
      <section class="ly_section">
        <div class="ly_section_inner">
          <h2 class="el_lv2Heading">TOPページです。</h2>
          <ul class="bl_sampleList">
            <li>ここのフォントサイズは<span>rem</span>指定です（1rem）。</li>
            <li class="bl_fzPx">ここのフォントサイズは<span>px</span>指定です（16px）。</li>
          </ul>
        </div>
      </section>
    </main>
  </div>