1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

今日から、プログラミングはじめます!!

Last updated at Posted at 2019-07-12

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

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

プログラミング初心者であるため、内容に誤りがあるかもしれません。
もし、誤りがあれば修正するのでどんどん指摘してください。
##progateでHTME/CSS初級編を学びました。
paddingとmarginについて
内側から順に、padding->border->marginという順番で表されます。
paddingとmarginともに
-top,-right,-left,-bottomとつけることで上、右、左、下を表すことができる。

css
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を付けずに表すこともできる。

css
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;
     /* 上下左右*/

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

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?