CSSを学習して初めて役に立ったこと

 

先月から目標を定めてPython、HTML、CSSの学習を始めています。

Python、プログラミングに目標を設定しました!【期限: 2020年12月末】 - 生きるのをもっと楽に、楽しく

 

HTMLは昔からちょっと見てて、あっさり学習を完了できました。

しかし、CSSがちょっととっつきにくい。

ちょっとモチベーション下がってたのですが、先日役立つことがありました。

 

CSSのpaddingって、ボックスの内側の余白のことなのね!
はてなブログのボックスで上下のマージン幅が異なっててイライラしてたけど、今治した!嬉しい!!https://t.co/oe0EheSJizhttps://t.co/cKzRqJmQKb

— タムラ@ブログとPythonで登ってく! ( •̀ᴗ•́ ) (@TakashiTamura9) 2020年9月2日

 

そう、前にブログの文章を囲みたいと思って、解説ブログを見ながら見よう見まねで実装したのですよね。

ブログの文章を枠で囲もうとした時の話【半分成功したけど】 - 生きるのをもっと楽に、楽しく

 

この時はもうおまじない状態で、解説ブログにかかれている通りにやっただけで、何もわかりませんでした。

で、なぜか上下のマージンの幅が異なるのが気に入らなかったのですよね。

試しにデザイン→設定→デザインCSS で設定を見てみます。

 

分かる!(*ﾟ▽ﾟ*)

 

なんとなーくですが、わかります!

そして覚えたての padding プロパティを設定してみます。

 

上下のマージン幅が揃った!(*ﾟ▽ﾟ*)

 

初めてCSSの知識が活きました。嬉しい!

 

現在 CSSの学習は64%程度の進捗なのですが、実際に役立つ事がわかったのでモチベーションが継続できそうです。( •̀ᴗ•́ )

 

「わかる、わかるぞぉー!!!」

と言えば天空の城ラピュタのムスカ。