Style Sheet Kullanımı

STYLE SHEET KULLANIMI

WEB tarayıcı geliştiren firmalar bir yandan yeni teknolojileri tarayıcılarına adapte ederken diğer bir yandan HTML dilinin getirdiği sınırlamaları ortadan kaldırmak için kendilerine göre yollar buluyorlar. İşte ilk olarak Microsoft'un ortaya attığı, günümüzde pek yaygın olarak kullanılmasa da Active HTML'ye dahil edilen Style Sheet'ler. Ne işe mi yarıyor? Yaptığı iş çok basit: Sayfa içerisinde kullanılan paragraf, başlık, kısayol gibi nesneleri önceden tanımlayarak sizi, bunları her defasında tekrar tanımlama zahmetinden kurtarıyor. Şu anda W3C'nin de (World Wide Web Consortium) kabul ettiği bu HTML 3.2 standardını bir nevi ' şablon' olarak niteleyebiliriz. Öyle ki bir defa şablonunuzu tanımladığınızda bu şablonu diğer sayfalarınızdan da kolayca çağırabiliyorsunuz. Örnek için aşağıdaki kodları inceleyip nasıl bir görüntü oluşturduğunu resimden görebilirsiniz.

<HTML>
<title>Style Sheet Kullanımı</title>
<STYLE>
BODY {background: white;}
H1 {font: 24pt Arial bold}
P {background: yellow;}
A {text-decoration: none; color: blue}
</STYLE>
<BODY>
<H1>Bu bir başlık! 24 punto, Arial ve Kalın.</H1>
<p>Üzeri sarı işaretleyici ile çizilmiş alelade bir yazı.</p>
<a href="deneme.htm">Link'lerin altının çizilmemesini bu yolla sağlayabilirsiniz.</a>
</BODY>
</HTML>

Style Sheet konusunu merak edenler için bu konuyla ilgili geniş bilgi edinebilecekleri adresi verelim: http://www.w3.org