2025/11/14 学科 HTML/CSS基礎③【オンライン】

HTML/CSS

小谷先生のオンライン授業日

1限目
学科 HTML/CSS基礎③
HTMLとCSSを記述するための基本事項

2限目
学科 HTML/CSS基礎③
CSSの基本構造について

3限目
学科 HTML/CSS基礎③
CSSの基本構造について

4限目
学科 HTML/CSS基礎③
Chrome検証ツールについて

5限目
学科 HTML/CSS基礎③
本日の講義のまとめ

CSSとは、「Cascading Style Sheets(カスケーディング・スタイル・シート)」の略で、

記述されたWebページの見た目やレイアウトを装飾するためのスタイルシート言語

classの名前は複数使うことが出来るが、

IDの名前は1つだけしか使うことが出来ない。

IDを使う時は1個ずつ違う名前を使う。

class名、ID名は企業ごとに書き方が決まっていることがある。

命名規則

CSSには記述する方法が複数ある。

  • HTML ファイルとは別に記述する場合
  • HTML ファイル内に記述する場合
  • HTML タグにインラインで記述する場合

HTML ファイル内に記述する場合とHTML タグにインラインで記述する場合が

上の画像のコードです。

しかし、外部ファイルで記述する場合が多いです。

外部ファイルでCSSで書いた方が管理しやすいので

styleタグを使って記述することは少ない。

大元のCSSが編集できない時(編集権限が無い)にこの方法を使って行うことがある。

検証ツールで遊んでみました

4時限目最後の20分間、検証ツールで遊ぶ時間があったので、

検証ツールをいじって遊んでみました!

コメント

タイトルとURLをコピーしました