More Related Content
Similar to H3 2011 HTML/CSS로 만들어진 디테일이 살아있는 앱 제작의 노하우를 모두 공개합니다!
Similar to H3 2011 HTML/CSS로 만들어진 디테일이 살아있는 앱 제작의 노하우를 모두 공개합니다! (20)
H3 2011 HTML/CSS로 만들어진 디테일이 살아있는 앱 제작의 노하우를 모두 공개합니다!
- 16. GUIDE GUIDE
GUIDE
VER. 10
VER. 3
GUIDE VER. 8
GUIDE
VER. 1
VER. 9
GUIDE
GUIDE
GUIDE
VER. 12
VER. 2
VER. 11
GUIDE
GUIDE
GUIDE
VER. 7
GUIDE VER. 6 VER. 5
- 20. 240DPI
160DPI
480 x 800 320 x 480
- 38. T_T
T_T
T_T
T_T T_T
T_T
T_T
SINGLE T_T
CODE
T_T
T_T
T_T
T_T
T_T T_T
- 51. 640 x 960
PIXEL
x 50% = 320 x 480
SCREEN
RESOLUTION
- 56. 100 x 100px
IMAGE SIZE
.img { width:50px; height:50px; }
.bg { background-size:50px 50px; }
- 57. 100px x 50% x 200% = 100px
- 64. HTML
<ul>
<li> A </li>
<li> B </li>
</ul>
CSS
li { float:left; width:50%; }
- 65. 100 / 2 = 50%
100 / 4 = 25%
100 / 5 = 20%
100 / 6 = 16.666666%
- 67. HTML
<ul>
<li class=”a”> A </li>
<li class=”b”> B </li>
</ul>
CSS
.a { position:absolute; top:0; left:0; width:100px; }
.b { padding-left:100px; }
- 69. T_T
T_T
T_T
T_T
T_T T_T
T_T T_T T_T T_T
T_T
T_T
T_T
T_T
T_T
T_T T_T