CSS3の基本

CSS3の概要

  • CSS3は、これまで使ってきたCSSの延長

f:id:web-0818:20170521204930p:plain

CSS3を使うメリット
  • テキスト P.258
  1. classやidに頼らないセレクタ作りが可能になる
  2. CSS3だけで表現できるデザインの幅が広がる
  3. 簡単に柔軟な他段組を実現できるようになる
  4. CSSだけで「動き」をつけられるようになる

f:id:web-design-lesson:20160803012714p:plain

CSS3は下位互換
  • CSS3は、CSS2.1を含みます
  • 新たに追加されたプロパティやセレクタは、従来のプロパティを阻害しません
未対応のブラウザの確認

bestvpn.org

https://cdn-ak.f.st-hatena.com/images/fotolife/w/web-design-lesson/20160802/20160802231725.png

特定項目の対応(テキスト P.262)

CSS3で何ができるか

  • Webフォント
  • メニュー
  • 写真ギャラリー
  • アニメーション
BeerCamp at SXSW 2011

Creating Polaroid Style Images with Just CSS

CSS DEMOS › Responsive momentum swipe gallery

求職者支援訓練 フェリカテクニカルアカデミー