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)는
자유로이 연결 사용이 가능함.
예제 메뉴로