Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Joken Web design講習会 #2 CSS

ちげ
December 11, 2018

Joken Web design講習会 #2 CSS

奈良高専情報処理研究会で開催した公開講座、第二回のスライド資料
https://hackmd.io/s/rkrO00t2Q

ちげ

December 11, 2018
Tweet

More Decks by ちげ

Other Decks in Programming

Transcript

  1. 14 / 23 h1 {/*IλάͷཁૉʹదԠ*/} p {/*QλάͷཁૉʹదԠ*/} .red-text {/*͜ͷΫϥε͕෇͍͍ͯΔཁૉʹదԠ*/} p.red-text

    {/*Qλά͜ͷΫϥε͕෇͍͍ͯΔཁૉ*/} h1.red-text {/*Iλά͜ͷΫϥε͕෇͍͍ͯΔཁૉ*/}
  2. 15 / 23 ͳͲͳͲ p .red-text { /*͜ͷΫϥε͕෇͘ཁૉ͕ɺ Qλάͷதʹ͋Δ৔߹ʹదԠ*/ /*

    ʢQλάΛ਌ʹ࣋ͭʣ */ } .red-text,.blue-text {  ͲͪΒͷΫϥεͷཁૉʹ΋దԠ  }
  3. width: 100px; height: 100px; margin: 12px; padding: 8px; background: red;

    color: #fff; 16 / 20 100px 100px あいうえお かきくけこ さしすせ そ。 17 / 23
  4. width: 100px; height: 100px; margin: 12px; padding: 8px; background: red;

    color: #fff; 16 / 20 12px 8px あいうえお かきくけこ さしすせ そ。 18 / 23