7-6_Fancy up your font

1
7-6 Fancy up your font
2
3
4 ■ Fancy up your font
5
6 Perfect. Your profile's really coming along!
7
8 It still looks a bit bland, though. Thankfully, you know how to fancify
your fonts with the font-family, font-size, and color properties! Which is
exactly what you're about to do.
9
10
11 □ Instructions
12 Spice up your profile with different fonts, sizes, and colors. You can do
any combination you like, so long as you use font-family, font-size, and
color at least once each!
13
14
15 □ Hint
16 Remember, these are all properties of the style attribute. To make a red
<p>, you'd write:
17
<p style="color:red">I'm red</p>
18
19
20
21 ○単語・熟語・文型
22 come along
23
[⾃動詞句]うまくいく、よくなる
24
25 bland
26
(形容詞)味が薄い
27
28 thankfully
29
(副詞)ありがたいことに
30
31 fancify
32
(他動詞)より美しくする
33
34 property
35
(名詞・コンピュータ)
36
属性(attribute)に、すべき、付加情報/値
37
38 spice up
39
[他動詞句]〜を活気づける
40
41
42
43 ○説明&補足
44 ■ Fancy up your font
45
/ 文字さん、きれいになってちょうーだい!
46
47 パーフェクト!、
48 どんどんゴールに近づいています。
49
50 でも、ちょっと味気ないような...
51 問題ありません、、あなたは、
52
文字のメーキャップ
53 の方法を知っているのですから。
54 それには、
55
style属性
56
(font-family, font-size, color)
57 を使うのでした。
58 どれを使えば、
59
ピッタリはまる
60 のかは、あなたの腕次第です。
61
62
63 □ Instructions: あなたへのミッション
64 ========================================
65 <!DOCTYPE html>
66 <html>
67
<head>
68
<title>なまえ</title>
69
</head>
70
<body>
71
<img
src="http://s3.amazonaws.com/codecademy-blog/assets/ninja_zpsa5db
e37a.jpg" />
72
<p>年齢、性別、故郷</p>
73
<ul>
74
<li>項目 ①
75
<ol>
76
<li>Item 1</li>
77
<li>Item 2</li>
78
</ol>
79
</li>
80
<li>項目 ②
81
<ul>
82
<li>アイテム 1</li>
83
<li>アイテム 2</li>
84
</ul>
85
</li>
86
<li>項目 ③</li>
87
<li>項目 ④</li>
88
</ul>
89
</body>
90 </html>
91 ========================================
92 あなたの、プロファイルページに、
93
他の部分と違う
94
フォントデザイン、大きさ、色
95 を、スパイスにして、より印象的なページにしてください。
96
font-family
97
font-size
98
color
99 の、
100
style属性(スタイル属性)
101 を、使います。
102 この3つを、
103
少なくとも1回
104 使いましょう。
105 これらを、
106
組み合わせて使うこと
107 は、あなたの自由です。
108
109
110 □ Hint
111 思い出してください!、
112 これら(font-family, font-size, color)は、皆、
113
style属性
114 の/に
115
プロパティ(property) / 与えるべき付加情報
116 です。
117
118 例えば、⽂字を
119
赤色にする
120 場合:
121
<p style="color: red">赤影参上</p>
122 です。
123
124
125
7-6 Fancy up your font