【ホームページ編】鬼眼のCSS

ツイッターなどで解説してるものをピックアップしていきますね。

少し、流行りの漫画からヒントを、、、子供たちにも楽しく覚えてもらえるように考えていきます。

最近は、ツイッターでHTMLやCSSを学んでいる人が増えているということでこちらにも書いていこうという狙いです。

CSSについて、気になる人向け

以下の活動も

Twtterに質問を回答したものに関しては、こちらに書いていきます#CSSまとめhttps://t.co/SUXIqZE5lq

Qiita には、#CSSの記事 も増やしていく予定https://t.co/9d5QvkjiHY#作業ブランチ は、CSS も生やていくぞ！https://t.co/wYEQCHR72L

— 🕯THE メディア 地域情報🇯🇵🌏🇨🇳🇰🇷プログラミング能力で世の中を変える 🚀 (@sunstripe2011) March 9, 2020

CSSとは

ホームページのデザインを司るものです。
ここでのデザインは、見た目の表情というとわかりやすいかもですね。
ホームページの表情の情報が集まっていると思ってもいいのかもしれません。

CSS：margin について

【鬼眼のCSS】
「枠の呼吸」「外の型」 marginhttps://t.co/kIEbAhioLk

— 🕯【THE メディア】地域情報🇯🇵🌏🇨🇳🇰🇷プログラミング能力で時を掴む 🚀 (@sunstripe2011) March 11, 2020

CSS：padding について

【鬼眼のCSS】
「枠の呼吸」「内の型」 paddinghttps://t.co/5ZGQZGAmgf

— 🕯【THE メディア】地域情報🇯🇵🌏🇨🇳🇰🇷プログラミング能力で時を掴む 🚀 (@sunstripe2011) March 11, 2020

margin と padding の関係について

margin 、paddingでもう一度、理解を深めてみてください。

（体外：人間でいうと）
margin = 外枠

（体内：人間でいうと）
padding = 内枠

padding : Y X
ここでは
X = Left , Right
Y = Top , Bottom

X がX' が増えてるから 横に長くになるというのがこのコードの読み方ですね。

— 🕯THE メディア 地域情報🇯🇵🌏🇨🇳🇰🇷プログラミング能力で世の中を変える 🚀 (@sunstripe2011) March 8, 2020

input padding が付けられるか？

【HTML】input に paddingが付けられるのか？ - Qiita

シェア学習

最近は、ネットで頑張る人たちの応援および、自分の学習の理解を深めるために、#おじプログラミング から #わかプログラミング への自分の学習とプログラミングを学ぶ人たちの #プログラミング道の駅 みたいな感じで無料、提供しております。

サンストライプ
学習方法#無料 × #プログラミング学習

これからのは #シェア学習https://t.co/BPGkBOf2UP

有料学習は、書籍を買うこと と ネット記事
時間とお金が拘束されるスクールに通う必要なし！

「#踊る大計算機」令和２年夏公開　←　嘘
「プログラミングは、現場で使ってるんだ！」

— 🕯THE メディア 地域情報🇯🇵🌏🇨🇳🇰🇷プログラミング能力で世の中を変える 🚀 (@sunstripe2011) March 8, 2020