おはようございます☀
昨日も更新しなくて少し罪悪感😢
昼から仕事だったんですけど
起きるのが遅かった
＆CSSの解決策がわからなくて時間かかるな
＆小説読みたい！
が絡み合って😂
小説読むのが勝ちました🙌(いつもそうだけど笑)
一応、ネットで解決策を検索だけはしたんですが
やっぱWebデザインの供給不足で
今日はたくさんやりました〜🙌
6/17積み上げ
🔘CSS表示されない⇒解決
🔘文字や文章を装飾
🔘Webフォントを使う
🔘色をつける
(p96-p121)
6/17学び
☑️どうしたらCSSは表示されるのか
☑️色、文字の大きさなど複数指定する時
CSSの表示のされ方
言葉だけで説明するのはとっても難しいんですけど
ま、自分の備忘録として残します📝
まず初めに
私は独学で家で1人でWebデザインを楽しんでおります。
一人暮らしですし、
周りにやっている人がいないどころか、
生まれ育った場所じゃないとこに住んでるので仕事関係の知り合いしかいません😂
オンラインサロンに入っているので
聞いたら教えてくれるとは思うのですが
ネトビジに洗脳せれているため(※前よりは脱している😂)聞く前にググらなければ!と
相談相手はもっぱらGoogle先生です🌐
そして使っている本はこちら👇
それでですね。
この本のchapter2で学べることを
すべて1つの「index.html」ファイルに保存していまして
その延長線上ですね
chapter3からCSSなんですが
chapter3の内容もchapter2でやってきた上で出来たらいいと思っていたのですが
そこでCSS表示されない問題が勃発したわけです💣💥
結論:新しくhtmlファイルを作り直したらCSS表示された！
ということで根本的には解決に至ってないんですね😂
だけどネット上に載っている
・デベロッパーツールを活用
・リンクがちゃんと飛んでない
・キャッシュが残っている etc.
は該当しなかったのでしょうがないかなーとも😅
参考にさせていただいたサイトたち👇
１つだけ自分の中で仮説があるのは
CSSは「h1」や「p」など指定して色や大きさを書くんですね。
それがHTMLに書いてある「h1」や「p」と連動しするのですが。
・chapter2でやったコードすべて書いてあるので、「h1」や「p」以外にもたくさんHTMLタグがある
・わからんけど違うHTMLタグで囲んでる
のかなー?🤔て感じなんですけど
「既存のWebデザインもいろんなHTMLタグ使われてるやろ」て思うんですけどね😂
ま、どこがミスってるのか見つけにくいのが
Webデザインは大変なとこであるとわかりました🙋
あ、タイトルのbとdが間違ってた話。
chapter3用に新しくHTMLファイル作っても
最初CSS表示されなかったから「なんでー？」
思ってもう一度よく見たら
CSSの「body」⇒「boby」になっとった😂😂😂😂😂
そりゃあ表示されんわ！！！！
(それでもchapter2のHTMLファイルは表示されんかった😢)
でも、bとdと間違い見つけるだけで大変😰
ワードみたいに日本語違ったら赤線とか
引いてくれたらいいのに
そうゆうのないからさ。
膨大なコードから間違いを見つけようと思ったら相当だなと思いました😓
CSSの複数指定
CSSは
h1{
color: #646464;
}
とか書いていくんですが。
「フォントも指定したい!」とかなったら
h1{
color: #646464;
dont-size: 20px;
}
て書き足していって大丈夫ってことがわかりました🙆
「いちいち、h1から書かないといけないのかな？」
と思ったので楽できて嬉しい☺️
まとめ
🌼CSSとHTMLはタグで連動
🌼CSSはまとめて書いていい
せっかく色つけれて「plum」て色がかわいくて
どうにか見て欲しい！と思って
どうやったら1つの記事としてワールドプレスで表示できるか調べ中です😋