今日は、なんだかんだでCSSの作成に1日を費やしてしまった。要素の配置でつまずいていたわけなのだが、冷静になって考えたら、とてもつまらないことだった。要素の配置をするのに、マージン、パッティング、ポジションと3つを使うことができるのだが、ポジションでの指定にこだわりすぎて「左位置」とか「上位置」での指定をしていたのが間違いだった。当然「左」とか「上」といった指定はポジションとのせセットで使い位置を指定するものなのだがら、当然、ポジションがないと機能しない。ここで先入観が働く「位置指定はポジションだけ」。そうなのだ、この「だけ」という思い込みがいけなかった。たしかに「上10ピクセル」、「左10ピクセル」の位置に要素を表示という表現なのだが、なにもポジションを使わずとも「上に10ピクセル余白」、「左に10ピクセル余白」でも要素は、大体同じ位置に表示される。マージン、パッティングを余白を指定と思い込んだいたのも痛い。なにごとも。冷静に考えないと、無駄な時間を過ごしてしまうといういい教訓を得た一日だった。
今日の成果はCSS作成
コメント