9. 00800

10.  




11. 携帯っぽいレイアウト

12. PCっぽいグラフィック

14. <div class="fnc-btn">
<label>一覧</label>
</div>
.fnc-btn > label {
background: -webkit-gradient /* グラデーション */
(linear, 0% 0%, 0% 100%, from(#6E799D), color-stop(0.05, #93A3D5),
color-stop(0.48, #5A77AF), color-stop(0.52, #3A57A0), to(#1E3A95));
border-radius: 3px; /* 角丸 */
text-shadow: rgba(0, 0, 0, 0.398438) 0px -1px 0px; /* 陰影 */
/* 省略 */
}

21. 幅100%指定

22. 最大480px

23. 隙間を広げて対応

24. CSS3で複数の透過PNGを指定

27. HTML HEAD TITLE BODY META
BLOCKQUOTE BR BLINK CENTER FONT
DIV H1~6 P PRE HR
MARQUEE A DL DT DD
OL UL LI FORM INPUT
SELECT OPTION TEXT IMG
•
•
•
•

28. margin padding display border background
color text-align vertical-align line-height text-indent
text-
white-space font line-style
decoration

30. <div style=“font-size:small;”>
<span style=“color: red;”>■</span>このように逐一書きます
</div>

47. <span class=“label” style=“color:red”>
</span>
<span class=“label”>
.label { </span>
/* CSS */
}

48. おまけ→

51. <meta name="viewport" content="width=100%; initial-scale=1.0; maximum-
scale=1.0; user-scalable=0;" />
<meta name="format-detection" content="telephone=no" />