2025/05/07 3・4限 DL503
今日の内容
前回に引き続き、様々なCSSプロパティについて内容別に確認していきます。マウスをのせたときに動作する仕組みなど、少し複雑な設定方法についても解説します。
CSS
- ボックスに関するCSS（幅・高さ・余白・境界線）
- 擬似クラスに関するCSS
- トランジションに関するCSS
- 擬似要素に関するCSS
学科サイトの編集（本日制作した部分をリンクします）
前回までの内容については、下記リンクから確認をしてください。
CSSの文法
エディタ・GitHubの使い方
CSSの演習手順
HTMLと同様、CSSの種類ごとにサンプルデータを作っていきます
- フォルダをつくります（CSSの説明の下に指定のフォルダ名を書いています）
- 共通のindex.htmlとstyle.cssをフォルダに入れます
共通で使うHTMLとCSSは「cssの基本」で作るファイルと同じです。
GitHubからもファイルをダウンロードできます。 - サンプルコードを追記します
- GitHubで新規リポジトリを作成します。ファイルをアップロード後、GitHubページを公開します
→GitHubでの手順 - 学科サイトの自分のページにGitHubページのURLをリンクします
出席登録
出席簿 ※要ログイン・確認用
授業録画
授業の解説部分の録画はMoodleに掲載しています。
Moodle ※要ログイン