Progate HTML&CSS 中級編②

●●●
もなか

こんにちは!もなか(@ruby443n)です。
ここでは学習したことを復習しやすいようにノートの代わりとしてまとめていきます

前回の学習はこちら

今日の振り返り

●●●
もなか

今日は子供たちが割と早く寝てくれたのでのんびり学習できました
が!結局夜中に次男が覚醒してしまったのでいつもと変わらない勉強量でした(白目)

CSS

透明度(opacity)
文字の透明度を変更するプロパティ。
透明度は0.0(完全に透明) ~ 1.0(完全に不透明)の数値で指定する。

文字間隔(letter-spacing)
文字間隔を変更するプロパティ。

 

複数クラスの指定
共通の部分があるが、それぞれ小さい変化をつけたいときは半角スペースで区切ると複数クラスを指定できる

 

まとめ

今回は透明化と文字間隔を学びました。
しっかりまとまった時間が欲しいとは思いましたが
夕飯の準備やお風呂、洗い物寝かしつけ、さらに夜泣き。なかなか難しいです。
集中力をそがれながら無理やり学習を進めたのでボタンを作っていく学習も同時に行いましたが
インライン要素とブロック要素の違いを理解しきれませんでした。
次回、まとめたいと思います。

あと前回作ると決めたボックスモデルのチートシート作りしなきゃー!

●●●
もなか

数値をいじるだけでフォントは変わってないのにとてもかっこよくなっていくんですね!
やっぱりCSSというか、デザインは面白いです。
お読みいただきありがとうございました!