メメント森の熊

趣味でアクセサリー職人やってます。透き通ってキラキラしているものがすき。かわいいもの、楽しい本、役に立つ知識などを面識の無い方と共有したくてブログを書いています。

manablogに則ったプログラミング学習日記 4

f:id:yamaffy:20210228234458p:plain
フィです。マナブさんの記事(下記)に則ってプログラミングを勉強しています。
manablog.org
昨日の夜から今日にかけて「凡ミスで1時間くらい溶かす」という体験をしたので、記録します。
どういう凡ミスだったかというと「cssの、{}の閉じ忘れ」です。これにより、閉じ忘れた以下のcssが効かなくなり、自分としては原因不明だと思って焦ったりやる気をなくしたりしましたが、なんのことはない、「 } 」←この記号が無かっただけ。
具体的には下記です。

/*これはある部分でミスをしています*/
body {
  font: 1.1em/1.5 sans-serif;
  padding-top: 20px;
}

.main {
  border: 1px solid;
  margin: auto;
  padding: 10px 20px 20px;
  width: 760px;
/*ここに } を書き忘れているので、
以下のp aにかかるcssが無効になっている*/

p a {
  color: red;
}
/*こちらが正しいコードです*/
body {
  font: 1.1em/1.5 sans-serif;
  padding-top: 20px;
}

.main {
  border: 1px solid;
  margin: auto;
  padding: 10px 20px 20px;
  width: 760px;
}

p a {
  color: red;
}

見つけたときには脱力しました。でも、この凡ミスは、色んなブログでも網羅的に解説されていて、検索して一つずつチェックしていったら気づくことができました。ちなみに、記事内にソースコードを載せる方法も、検索したら出てきました。あーよかった。
saruwakakun.com

今日の学習時間は2時間、総学習時間は9/300時間です。
ちいさな凡ミスでかなりの時間とやる気は削がれるので、基礎と丁寧さは大事だなあと感じた。明日もがんばろう
Marginでマイナス使えるの知らなかった!
あとなんか英検準一級受かってましたけどまあ通過点ということで。欲しいのは一級です