学科 HTML/CSS基礎④-コーディングCSS【実践】‐2025・10・20


-本日のアジェンダ-

1限目
学科 HTML/CSS基礎④
CSSの記述方法について

2限目
学科 HTML/CSS基礎④
CSSの記述方法について

3限目
学科 HTML/CSS基礎④
Webページ制作実践

4限目
学科 HTML/CSS基礎④
Webページ制作実践

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


本日のテーマ

CSSの記述を始めましょう

リセットCSSを読み込む
・リセットCSSファイルを開発フォルダへ入れる。
・HTMLのheadタグの中にlinkタグでCSSを入れる。

※検証ツールでパスが通っているか確認!

CSSを書いていく

新規テラパッド開く
・文字コード
・文字指定して名称style.cssで開発フォルダの中のCSSフォルダに保存
・HTMLのlinkタグでこのファイルを紐付ける。

CSSを外部ファイル以外で入れる方法

styleタグ 
HTMLファイルのheadタグの中にstyleタグでCSSを入れる。HTMLファイルに書く。

属性style
タグのインライン。HTMLのタグに書く。

トレーニング2の回答


コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

PAGE TOP