CSSのあるプロパティの指定。。 | daybyday~想いを馳せて~

daybyday~想いを馳せて~

目標設定があいまいなままWEBの勉強をしている毎日。もがき続けている日々の想いを綴れればと・・・

誰のため?自分のためです、このブログは。\( ̄^ ̄)゙



もうブレません。。

え~、GW中でもボクのすることはあまり変わりません。。

WEBとセキュアドの勉強をして、バイトもする・・・多分その繰り返しのような。。

強いて言えば、帰省している友人と飲んだりすることかな!?

だから、あまり寝てないというのもあるのですが、いい刺激をもらっています☆

故に、学ぶ意欲も高まってくる!!

まぁそんな中、CSSをいじっていたのですが、background-positionプロパティの数値指定がちょっとややこしいと感じた。。

background-position: top left;のようにキーワード指定はわかりやすいが、background-position; 20px 30px;やbackgroud-position: 50% 100%;のような指定はちょっとめんどい・・・

なせなら、margin:0 0 10px 0;のように指定した場合、上に0px、右に0px、下に10px、左に0pxの余白が入る。(時計回りに表示される。)
また、 margin:10px 20pxだと上下に10px、左右に20pxの余白が入る。

background-position: 20px 30px;の場合、ボックスというグループ化した塊のパディングという余白の左上を起点にして、左に20px、上から30pxの位置に背景画像が表示される。

%の単位指定だとまたちょっとめんどい気がする。

デザインが複雑になってくると何pxかズレてたりして、テンパります。。

まだまだ修行が必要みたいです。。