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>
|
제공