Trio ȨÆäÀÌÁö »ó´çÈ÷ ÀÚÀ¯·Î¿î CSS ±ÛÀÚ Å©±â ¼±Åà ¿¹Á¦ ¿¹Á¦ ¸Þ´º·Î


heading(<h#>) °ú <font size=#>Àº ´Ü°è°¡ ´Ü¼øÇÏ¿© ±× Áß°£ÀÇ ±ÛÀÚ Å©±â¸¦ Á¶Á¤ ÇÒ ¼ö ¾ø´Âµ¥ ºñÇØ
style sheet´Â ¹üÀ§°¡ ¾ç¼öÀÌ¸é ¹«ÇÑÁ¤ Å©°Ô ÇÒ ¼ö ÀÖ°í ¶Ç ±× ´Ü°è¸¦ Çȼ¿´ÜÀ§·Î Á¶Á¤ÇÒ ÇÒ ¼ö ÀÖ´Â ÀÕÁ¡ÀÌ ÀÖ´Ù.



</head>
..
<script Language="Javascript">
function showone(sizenr){
  document.write('<span style="font-size:'+sizenr+'pt">'+char+
    '<span class="num">('+sizenr+')</span></span>');
}
</script>
<style type="text/css">
.num{font-size:8pt;color:teal}
</style>
</head>
<body>
..
<table width=98% border=0 cellpadding=0 cellspacing=0>
<script Language="Javascript">
var char='A';
document.write ('<tr><td bgcolor=eeeeee>'+
  '<font size=1> ... <font size=7></td></tr><tr><td>');
for (var i=1; i<=7; i++) {
  document.write('<font size='+i+'>'+char+
   '<span class="num">('+i+')</span></font>');
}
document.write ('</td></tr>');

document.write ('<tr><td bgcolor=eeeeee><h1>'+
  ' ... <h7></td></tr><tr><td>');
for (var i=1; i<=7; i++) {
  document.write('<h'+i+'>'+char+'<span class="num">('+i+
    ')</span></h'+i+'>');
}
document.write ('</td></tr>')

document.write ('<tr><td bgcolor=eeeeee>CSS( font-size:1;'+
  ' ... font-size:400;)</td></tr><tr><td>')
for (var i=1; i<=30; i++) {
if ((i-1)%10==0) document.write('<br>');
showone(i);
}
document.write('<br>');
showone(40);showone(50);showone(60);showone(70);
showone(80);showone(90);showone(100);showone(120);
document.write('<br>');
showone(150);showone(200);
document.write('<br>');
showone(250);showone(300);
document.write('<br>');
showone(400);
</script>
</td></tr>
</table>
<br>
..
</body>

¹ø¿ª¹® ¼ÒÀ¯ÀÚ - Trio ȨÆäÀÌÁö Á¦°ø ÀÌ ¹®¼­(http://trio.co.kr/webrefer/csex/cxcharsize.html)´Â
ÀÚÀ¯·ÎÀÌ ¿¬°á »ç¿ëÀÌ °¡´ÉÇÔ.
¿¹Á¦ ¸Þ´º·Î