今日からちょくちょく学んだことをまとめていきたいと思います☺️
まずはHTMLとCSS についてです。

 


Progateで2周学習し、それでも見落としていた箇所やそもそもなんだっけ?というところを箇条書きにしてみました!

 


※なるべくProgate本体からの引用や個人ブログを参考にしましたが、ここちょっと間違ってるよ!とかあれば遠慮なくコメントください!

 

 

【HTML•CSS】 

*[HTML]

 

  ①link タグ→そのページと別のファイルやページを関連づけるタグ headタグに書かれる

参考:https://saruwakakun.com/html-css/basic/link-rel


②Unless (条件が成り立たない時) <==>  if (条件が成り立つ時)

③!=→同じでない時(不等価)

 

 

 

 

*[CSS]

 

④*{}→全ての要素にCssを運用する(全称セレクタ
低速、自動的な継承より優先されるなど問題もある 参考:http://site.oukasei.com/?p=2207


cssでurlを引用するとき :url(“ ”) をつける

 

⑥Position:fixed; →画面上に固定

 

⑦Z-index→ 画面上の一番上に覆われる(positionプロパティと併用)

 

⑧@media(max-width: 〇〇px ) →画面幅によってcssを変化させるとき

 

flex:auto→画面いっぱいに広げる

 

⑩Clear: left ; →floatを解除することで回り込みをなくす 
 参考:https://sakichin.com/chapter02/chapter02_step05_02.html

 


11  Display:flex;→指定した要素の子要素を横並びにする(横並びさせたい要素の親要素に記述する)

 

 

12   text-align: center;とmargin: 0 auto;の違い・使い分け 
   参考:https://qiita.com/ITmanbow/items/3bf9fcbfa65ed6271636