今回は前回の続きです。
前回の第13回および第14回の授業は、スタイルシート(CSS)のより具体的な使い方を学んでいます。
この課題では、より実際のサイトに近いものをCSSを使って作り上げる課題となっています。
上記のページはほぼ全てCSSを使ってデザインされており、スマートフォンからの閲覧なども考慮したものになっています。
これ以降は課題ではありません。
CSSではいろんなことができますね!
あまりにもいろいろありすぎて練習問題には載せきれなかったので、いくつかの例をここに掲載しておきます。
これらはCSSでいろいろ試してみたい方向けの例題です。提出する必要はありません。
もしCSSに興味がありましたら、実際に作って動かしてみましょう。
1 CSSで作るツールチップ
2 背景のアニメーション
3 アコーディオンメニュー
もし新しいHTMLファイルやCSSが必要な場合は、既存のファイルをコピーして使うか、こちらの資料などからダウンロードして使用してください。