Son derece esnek bir kullanıma sahip olan CSS'ler bize web sayfalarının görünüme dair
özelliklerini ayarlama imkanı verir.HTML görünümündeki bu sayfa ile tasarladığımız şablonları
anında hayata geçirebiliriz. Bu teknoloji sayesinde web sitemizde kullandığımız harflerin yazı
stilini, rengini, büyüklüğünü kolaylıkla değiştirebiliriz.
Style Sheet'ler bize zaman açısından büyük kolaylıklar sağlar. Web sayfamızın içindeki
her sayfayı ayrı ayrı tasarlamak, onları yazmak yerine bi kere tanımladığımız Style Sheet'imizi
web sayfamızın içindeki her bir bölümde rahatlıkla kullanabiliriz.
Style Sheet "body" kısmı;
Stil Şablonumuzda arka planımızı belirlemek için body{} ifadesini kullanacağız;
body
{
background-color:White;
font-family:Trebuchet MS;
font-size:13px;
color:Gray;
}
Buranın içine yazdığımız kodlar bize arka planımızın özelliklerini ayarlama imkanını
sunar.Bu işlemi sayfamızda bulunan butonlarımız, textboxlarımız, listboxlarımız gibi görünümle
ilgili bütün elemanlarımıza uygulayabiliriz.
.Button
{
background-color:Teal;
color:White;
font-weight:bold;
}
.txtBox
{
font-family:Lucinda Console;
width:150px;
border:solid 1px gray;
font-size:12px;
font-variant:inherit;
}
.panel
{
border:solid 2px white;
}
h1
{
color: Red;
letter-spacing: -2px;
font-size: 3em;
}
h2
{
letter-spacing: -1px;
font-size: 2em;
}
STYLE SHEET OLUŞTURMAK
Visual Studio'da File menüsünden New, Web Site deyip açtığımız projemizde, Solution
Explorer penceresinden isim verdiğimiz projemize sağ tıklayıp Add New Item seçeneğine basıp,
açılan pencereden de Style Sheet dosyasını seçmemiz yeni şablonumuzu oluşturmamıza yetecektir.
Gördüğünüz gibi stil şablonlarının kullanımı çok geniş ve çok esnektir.
Bunları yazması da çok eğlencelidir. Sizde benim gibi renklere, şekillere önem veren biriyseniz,
C#'ın sunduğu bu olanaktan faydalanmanızı tavsiye ederim.
Renkli çalışmalar...
Mustafa Türker Gültepe
www.mturkergultepe.com