CSSを学んでみました!この記事では、プログラミング初心者の僕が、Progateを通じて学んだことを忘備録としてまとめています。とも記事を読んでみてください。CSSの初級編について知りたい方はこちらから。初級編を学んでみた感想と忘備録をまとめています。これからフリーランスを目指して、プログラミング学習を行う方の参考になれば嬉しいです。CSSの上級編について知りたい方はこちらから。上級編を学んだ感想と忘備録をまとめています。これからフリーランスを目指して、プログラミング学習を行う方の参考になれば嬉しいです。中級編"では、簡単なサイトを作れるような知見を得ることができます。中級編"からは、Progateの"有料会員"にならないと利用ができません!Progateの有料会員は、月々980円(税抜き)です。ランチ1回分の値段で、めちゃんこ豊富なコンテンツにアクセスできるので、有料会員となることをオススメします!⬇︎Progateの使いやすさについてはこちらから。中級編で学ぶこと一覧ここでは、僕が実際に中級編の中で理解に詰まったところ、それを解決するために参考にした情報をセットにして紹介していきます。*サルワカさんのサイトが分かりやすくて、本当に助かりました。「クラスの名前って適当でいいんじゃないの?」と思って、実際に適当に名前をつけていた僕ですが、よくよく調べると、業界内でよく使われるクラス名があるらしいので、今の内から身に付けることにしました。よって、それぞれ適切な中央寄りのための設定が違うので、大変混乱しました。marginだけでなく、inline-blockを用いた方法もあるので、下記の記事を目を皿のようにして読みました。▶︎CSSで中央寄せする9つの方法(縦・横にセンタリング)display要素の使い方displayとは、要素の表示形式を決めるものです。要素を重ねる際に必要になるdisplay要素の使い方ですが、まあ混乱します。僕は「inline-blockは万能だから、基本使うもの」と勝手に覚えましたが、もちろん状況によって使い方を変えるべきなので、display要素に関してはよく復習しましょう。Awesomeとは、Webアイコンフォントを使用することができるサービスです。調べれば調べるほど、使い道が幅広かったので、使い方を調べてみました。Awesomeの使い方:Webアイコンフォントを使おうopacityとrgba画像を透明にするopacity、文字を透明にするrgbaという使い分けを覚える必要があります。▶︎【CSS】opacityで画像や文字などを透過させる方法aタブのリンクを親要素込みで<aタグ>はリンクを作成するときに使用します。文字リンク・画像リンクなど、種類によって記載方法が少し変わります。▶︎HTMLのリンク<aタグ>の書き方を初心者向けに解説Progateの中級編では、ボックス要素全体をリンクのクリック範囲として指定します。ややこしかったので、下記の記事を読んでみてください。要素のpositionProgate中級編で、最も理解しづらかったのが、要素のpositionです。positionとは、指定した要素の位置を決めるものです。position:absolute;やposition:relative;を用いることで、「どこを基準にして、要素の位置を決めるのか?」ということを指定することができます。詳しく知りたい方は、下記の記事を読んでみてください。▶︎CSSのpositionを総まとめ!absoluteやfixedの使い方は?z-indexz-indexとは、要素の重なる順番を指定するものです。z-indexの数字が大きい要素ほど、上層に表示されます。基本的には、要素が重なり合っている際に使用するものです。CSS中級編のまとめめっちゃ疲れました。同じ内容を2-3周して、理解度を深めるようにしました。中級編"では、簡易的なwebページを1枚作ることができるので、サイト制作において必要なことが少しづつ分かってくるので、少しづつ楽しさも増してきます。今回はここまで!これからも、Progateで学んだこと、気になったところをまとめていきます。プログラミング学習に興味を持っている人、Progateをやってみようと考えている方へ、少しでも参考になると嬉しいです。CSSの初級編について知りたい方はこちらから。初級編を学んでみた感想と忘備録をまとめています。これからフリーランスを目指して、プログラミング学習を行う方の参考になれば嬉しいです。CSSの上級編について知りたい方はこちらから。上級編を学んだ感想と忘備録をまとめています。これからフリーランスを目指して、プログラミング学習を行う方の参考になれば嬉しいです。最後まで読んでいただき本当にありがとうございました。Studio20(有料版)の購入方法とインストール手順!30歳常勤講師の給料はおいくら!?現実をお見せします。楽譜を無料でダウンロード!?Musescoreの無料トライアルの活用方法。【天職の見つけ方】人事に聞いた、天職を見つける時に意識すべき考え方とは?NHKの受信料を簡単に解約する方法。