見出し画像

『Day3&Day4』 #記録メモ

実施日:2019.08.02 Day3 +4章まで &2019.08.03 Day3 +5章〜7章

・Day3&Day4の内容 

DAY3.『Progate HTML & CSS 中級編(3章まで)』
DAY4.『Progate HTML & CSS 中級編(7章まで)』

・やってみての感想 

中級編も前に2回くらいやったことあったはずなのに、忘れかけているところがあって、何度かつまずいてしまった......。Day6の道場コースやる前にも復習した方がよさそうだと感じた。


あとは、サイトレビューをしていると、カーソルのpointerをサイト独自のものに変えているものをよく見かけていたので、今回学習した「cursorプロパティ」にも今後注目していきたいと思った。
Progateでは3種類(text、pointer、default)を紹介していたけど、他にもたくさんありそうなので、調べてみようと思った!

〜ポイントメモ〜

◆要素を透明にするためのプロパティ
opacity:要素の中身全てを透明にする性質
rgba:背景色のみを透明にする性質

◆position: absolute;の基準位置はサイト全体の左上部分
→この基準位置は変更するには、
基準としたい親要素にposition: relative;と指定
→その要素の左上部分が基準位置となる

◆要素の重なりに用いるプロパティ
→z-indexプロパティ
z-indexは整数値で指定し、値が大きいほど上に表示される
必ずpositionプロパティと併用する必要がある

◆要素を中央寄せする方法
→「margin: 0 auto」と「text-align: center」
margin:containerクラスのように、
広い範囲を囲うようなブロック要素の場合
▶︎widthを併せて指定・上下のmarginにautoを指定することはできない
text-align:テキストやボタンのような、
インライン要素・インラインブロック要素の場合


読んでくだりありがとうございます。 頂いたサポートはスキルアップのために大切に使わせていただきます!