![見出し画像](https://assets.st-note.com/production/uploads/images/20622369/rectangle_large_type_2_531468ed9ba90759edaff565797d0220.jpeg?width=800)
【ホームページ編】鬼眼のCSS
ツイッターなどで解説してるものをピックアップしていきますね。
少し、流行りの漫画からヒントを、、、子供たちにも楽しく覚えてもらえるように考えていきます。
最近は、ツイッターでHTMLやCSSを学んでいる人が増えているということでこちらにも書いていこうという狙いです。
CSSについて、気になる人向け
— 🕯THE メディア 地域情報🇯🇵🌏🇨🇳🇰🇷プログラミング能力で世の中を変える 🚀 (@sunstripe2011) March 9, 2020
以下の活動も
Twtterに質問を回答したものに関しては、こちらに書いていきます#CSSまとめhttps://t.co/SUXIqZE5lq
Qiita には、#CSSの記事 も増やしていく予定https://t.co/9d5QvkjiHY#作業ブランチ は、CSS も生やていくぞ!https://t.co/wYEQCHR72L
CSSとは
ホームページのデザインを司るものです。
ここでのデザインは、見た目の表情というとわかりやすいかもですね。
ホームページの表情の情報が集まっていると思ってもいいのかもしれません。
CSS:margin について
【鬼眼のCSS】
— 🕯【THE メディア】地域情報🇯🇵🌏🇨🇳🇰🇷プログラミング能力で時を掴む 🚀 (@sunstripe2011) March 11, 2020
「枠の呼吸」「外の型」 marginhttps://t.co/kIEbAhioLk
CSS:padding について
【鬼眼のCSS】
— 🕯【THE メディア】地域情報🇯🇵🌏🇨🇳🇰🇷プログラミング能力で時を掴む 🚀 (@sunstripe2011) March 11, 2020
「枠の呼吸」「内の型」 paddinghttps://t.co/5ZGQZGAmgf
margin と padding の関係について
margin 、paddingでもう一度、理解を深めてみてください。
— 🕯THE メディア 地域情報🇯🇵🌏🇨🇳🇰🇷プログラミング能力で世の中を変える 🚀 (@sunstripe2011) March 8, 2020
(体外:人間でいうと)
margin = 外枠
(体内:人間でいうと)
padding = 内枠
padding : Y X
ここでは
X = Left , Right
Y = Top , Bottom
X がX' が増えてるから 横に長くになるというのがこのコードの読み方ですね。
input padding が付けられるか?
シェア学習
最近は、ネットで頑張る人たちの応援および、自分の学習の理解を深めるために、#おじプログラミング から #わかプログラミング への自分の学習とプログラミングを学ぶ人たちの #プログラミング道の駅 みたいな感じで無料、提供しております。
サンストライプ
— 🕯THE メディア 地域情報🇯🇵🌏🇨🇳🇰🇷プログラミング能力で世の中を変える 🚀 (@sunstripe2011) March 8, 2020
学習方法#無料 × #プログラミング学習
これからのは #シェア学習https://t.co/BPGkBOf2UP
有料学習は、書籍を買うこと と ネット記事
時間とお金が拘束されるスクールに通う必要なし!
「#踊る大計算機」令和2年夏公開 ← 嘘
「プログラミングは、現場で使ってるんだ!」
THE CARD GAME は地域活性化プロジェクト、若者応援事業、就職支援の一環のアイテムとしてもご利用になれます!