@7coAim's blog

会社員である前にITエンジニアでありたい! @7coAim

HTMLとCSSの個人的気づきまとめ(勉強メモ:3月第1週)

しょぼいですが、勉強メモ始めます!

目標:週1回以上更新!

 

HTML・CSS

  • フォントサイズの指定には、単位はremが便利。→ルート要素に対する相対倍率で指定できるので、イメージしやすい。各種大きさの指定にも利用できる。

    qiita.com

    例えば

    html {
      font-size: 15px;
    }
    
    p {
      font-size: 1.2rem;
    }
    
  • HTML文書内の半角空白文字、全角空白文字に気をつける。→paddingやmarginを変更しても期待通りの変化がないときは要確認!
  • CSSセレクタの順番や優先度にも注意する。特に、クラス属性や要素タグ名で、半角スペースで区切って絞り込み発生!:子孫セレクタ

    saruwakakun.com

    www.htmq.com

  • 画像を縦や横にフィットして配置させたいとき

    例えば、横幅にフィット(親ブロック要素に対して)

    .content {
        width: 500px;
    }
    
    .content img {
        width: 100%;
        height: auto;
    }
    

デザイン・配色

 

以上です!間違いなどありましたら、教えてください!

 

# まだまだこれからですが、しがないです笑