見出し画像

CSSは奥が深い

職業訓練、昨日に引き続いてHTML/CSS実習。
午前中まででwebページのPC向けデザインが一段落し、「画面幅が800px以下ならスマホで開いたとする」という想定でスマホ向けのデザインをCSSで作り込んでいく。
ブラウザの「デベロッパーツール」機能で画面幅の狭いページを表示しながら、エディタでCSSを記述していく。

ゆっくりやっていくことで、理解を深めながら進めていけた。
多分独学なら、解説はすっ飛ばしてテキストの中のサンプルコードをどんどん打ち込み、「やったー動いたー」で終わりにしていただろう。これではサイトができても勉強にはならない。

CSSはほぼ「プログラム言語」だと私には思える。設定を{}で囲ったり、行末にセミコロンが付いたり、コメントが/* */で囲われたり。C言語あたりから借りてきたようなルールに見える。
CSSの設定は「このサイズで、この色で、この形で『表示しなさい』」という命令である。
食わず嫌いが治った感がある。
続きが楽しみになってきた。

よろしければサポートお願いします!いただいたサポートは資料・機材の購入に使わせていただきます。