ショッピングモール実習


%とvw、vhの違い


vw、vhはスクロールバー領域を含む画面全体です
https://graykick.tistory.com/8

font-weight

  • normal
    標準フォントの重み.400に等しい.
  • bold
    太いフォント.700に等しい.
  • lighter
    (可能なフォントウェイトのうち)親要素(element)よりも薄いフォントウェイト.
  • bolder
    (可能なフォントウェイトのうち)親要素より大きいフォントウェイト.
  • 100, 200, 300, 400, 500, 600, 700, 800, 900
    normalおよびbold以外のフォントを提供するためのデジタルフォント重み付け.
    https://developer.mozilla.org/ko/docs/Web/CSS/font-weight
  • imgラベルの設定

    img {
      vertical-align: middle;
    }

    a tagのhrefプロパティ


    属性値は、絶対パス(https://www.naver.com)、相対パス(contact.html)、id要素(#3)を含むことができる.

    文章が長くなったときに略語で一列に並べ、箱の突き出た部分を見せず、気まずい思いをさせないように、略語で表記すると?

    .ellipsis {
    	white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    特定のレルムcssを担当するclassを作成して使用できます。

    .m-b-100{
    	margin-bottom: 100px
    }