学習記録:スラスラわかるCSSデザインのきほん

学習

スラスラわかるCSSデザインのきほん」という書籍を読んでみました。2014年発行とかなり古い書籍ですが、基本的なことは変わらないだろうということで手にしました。個人的には非常にわかりやすい書籍であったように思います。

概要

お題のサンプルページ(html)があって、解説に沿ってCSSを追記していき、ページを完成させていく流れです。サンプルは1つだけですが、汎用的なページを作成するための情報に触れることができるので、CSSの基本的な部分を学習もしくは復習したい人にはおすすめできるのではないでしょうか。

内容

基本

  • CSSの基礎
  • CSSの記述場所

テキスト周り

  • フォントの変更
  • webフォントの使用

ボックスモデル

  • ブロックレベル要素とインラインレベル要素

ボックスの装飾

  • カスケードと詳細度
  • テーブルへのCSS適用

フロートとポジション

  • ボックスの配置
  • ナビゲーションの並べ方

高度なページレイアウト

  • フロート

つまづきポイント

サンプルプログラムが用意されており、書籍にも追記部分は色文字を使用して表現されているので、つまづくことは少ない印象です。

強いて言えば、フロートの解除部分が理解しにくいかなとは思いました。

overflow:hiddwn (記述量が少ない)

フロートが適用された子要素を持つ親要素にoverflow:hiddenを適用する

clearfix

フロートが適用された子要素を持つ親要素の::after擬似要素で、clearプロパティを使用する

まとめ

発行から年数が経過している書籍ではありますが、基本的な部分は押さえてあり、ページを作成していくなかでの達成感もありますので、CSS学習の初期に触れる本としてはわかりやすい書籍でした。

Bitly

コメント

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