Getting started with CSS

CSSとは
CSSによるスタイリングの方法
CSSの書き方
CSSの用語

Transcript

1. $44Λ͸͡ΊΑ͏
2. ϖʔδΛελΠϦϯά͢Δ΋ͷɻ $44ͱ͸ʁ w จࣈ
   w ৭
   w ϨΠΞ΢τ
   w ಈ͖
3. ϖʔδΛελΠϦϯά͢Δ΋ͷɻ $44ͱ͸ʁ w จࣈɿαΠζɺଠ͞ɺछྨͳͲ
   w ৭ɿจࣈͷ৭ɺഎܠͷ৭ɺઢͷ৭ͳͲ
   w ϨΠΞ΢τɿ༨നɺฒ΂ΔͳͲ
   w ಈ͖ɿΞχϝʔγϣϯͳͲ
4. ᶃ ελΠϦϯάΛ͢Δର৅ΛܾΊΔ
   ᶄ ͲΜͳछྨͷελΠϦϯάΛ͢Δ͔ܾΊΔ
   ᶅ ͦͷελΠϦϯάͷ஋ΛܾΊΔ $44
   ʹΑΔελΠϦϯάͷํ๏ ͜ΕΛ࣍ͷΑ͏ͳॻ͖ํͰද͢ʢ࣍ͷϖʔδ
   ˠ
   ʣ
5. $44
   ͷॻ͖ํ h1 { color: red; font-size: 80px; } ᶃ
   Iʹରͯ͠ ᶄ
   ৭Λ ᶅ
   ੺ʹ͢Δ ᶄ
   จࣈαΠζΛ ᶅ
   QYʹ͢Δ ೖྗ͕େมͦ͏͚ͩͲɺ)5.-ͱಉ༷λϒΩʔ͕࢖͑·͢ʂৄ͘͠͸ϏσΦͰʂ ඍົͳ৭߹͍Λදݱ͢ΔͨΊʹ͸
   ਺஋Λ࢖ͬͯࢦఆ͠·͢ɻ
   SFEͱಉ͡੺͸Gɺ
   গ͠μʔΫͳ੺͸GͰද͞Ε·͢ɻ
6. $44
   ͷ༻ޠ h1 { color: red; font-size: 80px; } ᶄ
   ϓϩύςΟ ᶅ
   ஋ ηϨΫλͷه๏ͱϓϩύςΟͷछྨΛ֮͑Ε͹ɺࣗ༝ࣗࡏʹελΠϦϯά͕Ͱ͖ΔΑ͏ʹͳΓ·͢ɻ
   ஌ࣝΛετοΫ͍͖ͯ͠·͠ΐ͏ʂ ᶃ
   ηϨΫλ
7. $PEF1FOͰ΍ͬͯΈΑ͏
   ೉ͦ͠͏͚ͩͲɺश͏ΑΓ׳ΕΖͷਫ਼ਆͰɻ
   ॻ͖ଓ͚Ε͹ɺࣗવͱ֮͑ΒΕ·͢ɻ