見出し画像

HTML/CSS5 サイト作ってみよう・・

所感
初めてLP一枚、HTMLとCSSだけを使ったものですが、ほぼ完成を致しました!☺️
トレースとは全然違い難しかったです...が、いろいろなタグや要素の理解が深まりました!
まだまだ理解不足で、また、他のプログラミング言語もやりたいのですが、いずれにせよ言語なので、数やるのが最初は一番大切だと実感してます。

マークアップ
文書構造(テキスト)や視覚表現(装飾)などの情報を、コンピューターが正しく認識できるように、タイトルや見出しなどの各構成要素に「タグ」(識別のための目印)を使い、意味付けを行っていくこと。by マイナビクリエイター

CSSが反映されない原因
1. キャッシュが残っていないか
スーパーリロードを行ってみる。
Mac :⌘+shift+R, Windows:Ctrl+F5
2. CSSが機能しているか
デベロッパーツール(option+⌘+I)で、確認したい要素をクリックし、CSSの反映を確認する
3. 他の記述が優先されていないか
CSS最大の落とし穴 ”適用の優先順位” によるもの
4. 書いたCSSがちゃんと確認できるか
CSSがデベロッパーツールで確認できない場合
①そもそもCSSファイルがちゃんと読み込まれていない
②セレクタ名をミスっている
5. レイアウトのミスを疑う

CSSでul,liの冒頭のインテンドマーカーを付ける
list-style: disc;  =「・」
「circle」= 白い丸、「square」= 黒い四角

Tip・・
margin: 0 auto;  = marginは要素の外側の余白、marginに指定するautoは余白を自動で調整してくれるプロパティ。左右にautoを指定することで左右中央寄せになる。

text-align: center; = インライン要素を中央寄せする


この記事が気に入ったらサポートをしてみませんか?