■
今日からちょくちょく学んだことをまとめていきたいと思います☺️
まずは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