自己紹介

未来電子テクノロジーでインターンをしているkatsukiです。
情報学部に在籍しながら、まともにプログラミングをしたことがなかったのですが、インターンをキッカケにプログラミングを学ぶことを決意しました。
情報学部に入ったキッカケは、ある教授の現代アートを見て感動したからです。その現代アートはプログラムで完全にコントロールされ、計算され尽くした美しさに惹かれました。

これから、プログラミングをはじめとした、さまざまなことを学び自分を表現できるようになりたいと思います。

プログラミング初心者であるため、内容に誤りがあるかもしれません。
もし、誤りがあれば修正するのでどんどん指摘してください。

progateでHTME/CSS初級編を学びました。

paddingとmarginについて
内側から順に、padding->border->marginという順番で表されます。
paddingとmarginともに
-top,-right,-left,-bottomとつけることで上、右、左、下を表すことができる。

padding:20px;
padding-right:20px;
padding-left:20px;
padding-botton:20px;
margin:20px;
margin-right:20px;
margin-left:20px;
margin-botton:20px;

-top,-right,-left,-bottomを付けずに表すこともできる。

padding:20px 30px 15px 10px;
     /* 上　　右　　下　　左*/
padding:20px 30px 15px;
     /* 上　　右左　下　*/
padding:20px 40px;
     /* 上下　左右*/
padding:20px;
     /* 上下左右*/

margin:20px 30px 15px 10px;
     /* 上　　右　　下　　左*/
margin:20px 30px 15px;
     /* 上　　右左　下　*/
margin:20px 40px;
     /* 上下　左右*/
margin:20px;
     /* 上下左右*/

個人的に理解がしにくく、覚えにくいところだったので、まとめてみました。