Slide 1
Slide 1 text
1 / 23
Slide 2
Slide 2 text
2 / 23
Slide 3
Slide 3 text
Joken公式サイト
3 / 23Slide 4
Slide 4 text
Slide 5
Slide 5 text
Slide 6
Slide 6 text
6 / 23
Slide 7
Slide 7 text
7 / 23
IBDLNEJPTSLS0U2
Slide 8
Slide 8 text
8 / 23
Slide 9
Slide 9 text
赤い文字
9 / 23Slide 10
Slide 10 text
.red-text {
color: red;
}
~~~~~
赤い文字
10 / 23Slide 11
Slide 11 text
~~~~
赤い文字
11 / 23 .red-text { color: red; }Slide 12
Slide 12 text
.red-text {
color: red;
}
セレクタ {
プロパティ: 値;
}
12 / 23
Slide 13
Slide 13 text
13 / 23
ʮ$44ϑΝΠϧͷࢦఆͷํʯΛνΣ
οΫ
⾢͜͜ΛΫϦοΫͯ͠ɺ
Slide 14
Slide 14 text
14 / 23
h1 {/*IλάͷཁૉʹదԠ*/}
p {/*QλάͷཁૉʹదԠ*/}
.red-text {/*͜ͷΫϥε͕͍͍ͯΔཁૉʹదԠ*/}
p.red-text {/*Qλά͜ͷΫϥε͕͍͍ͯΔཁૉ*/}
h1.red-text {/*Iλά͜ͷΫϥε͕͍͍ͯΔཁૉ*/}
Slide 15
Slide 15 text
15 / 23
ͳͲͳͲ
p .red-text {
/*͜ͷΫϥε͕͘ཁૉ͕ɺ
Qλάͷதʹ͋Δ߹ʹదԠ*/
/*
ʢQλάΛʹ࣋ͭʣ
*/
}
.red-text,.blue-text {
ͲͪΒͷΫϥεͷཁૉʹదԠ
}
Slide 16
Slide 16 text
p.sample-propaty {
font-weight: bold;
font-size: 30px;
text-decoration-line: underline;
border: 2px double red;
cursor: pointer;
}
16 / 23
Slide 17
Slide 17 text
width: 100px;
height: 100px;
margin: 12px;
padding: 8px;
background: red;
color: #fff;
16 / 20
100px
100px
あいうえお
かきくけこ
さしすせ
そ。
17 / 23
Slide 18
Slide 18 text
width: 100px;
height: 100px;
margin: 12px;
padding: 8px;
background: red;
color: #fff;
16 / 20
12px
8px
あいうえお
かきくけこ
さしすせ
そ。
18 / 23
Slide 19
Slide 19 text
19 / 23
Slide 20
Slide 20 text
20 / 23
Slide 21
Slide 21 text
20 / 23
Slide 22
Slide 22 text
ίί⾣
21 / 23
Slide 23
Slide 23 text
22 / 23
Slide 24
Slide 24 text
23 / 23
ίί⾣