2019/11/15

今日の日報

学んだこと

はじめてのCSS

https://dotinstall.com/lessons/basic_css_v5 

#12 align-itemsを使ってみよう

わかったこと

  • Flexboxで縦方向に要素を中央揃えにするプロパティがある

  • Flexboxを指定したセレクターに align-items: center; と記入する

わからなかったこと・疑問

  • 現状Flexboxは要素を横並びにできるもの、という認識だったので「Flexboxで縦方向に〜」ということがわからなかった。（ display: flex; と記入すればFlexboxの持つ？プロパティが使えるということなのか？）

#13 セレクタの適用範囲を限定しよう

わかったこと

  • text-align を使って要素の中のテキストの行揃えを制御できる

  • text-align: center; で中央揃えになる

  • .works > h1　不等号記号で区切るとworksの直下にあるh1という指定になる 

#14 line-heightで行間を調整しよう

わかったこと

  • line-height を使って行間の調整ができる
    例）line-height: 1.8;　行の高さを文字の1.8倍にする

#15 プロフィールサイトを完成させよう

わかったこと

  • とくになし

本日の感想

  • CSS基礎が終了した。未解決の疑問があるので、明日はそれらを解決していきたい。