Stil (style) Nedir?

DumanInc · 20 Kas 2021

Stil (style) Nedir?

Web sayfalarının biçimidir.

Şimdiye kadar web sayfalarımızı biçimlendirmek için HTML damgalarını kullandık. Bu işi iki yöntemle yapabiliyorduk.

HTML Damgaları İle Genel Stil Yaratma
HTML Damgaları İle Yerel Stil Yaratma

HTML Damgaları İle Genel Stil Yaratma

Bütün web sayfasında geçerli olmasını istediğimiz font tipi, font rengi, zemin rengi, link renkleri vb nitelemeleri <BODY ... > içinde yaptığımızı biliyoruz.

Örnek

<BODY color="blue" bgcolor="#FF0000" > ... <BODY ... >

nitelemesi bütün web sayfasının zemin rengini kırmızı, harf rengini mavi yapar. Ne var ki, bu tür genellemeler, çoğunlukla web sayfasının tekdüze olmasına neden olur. Zarif olmaktan uzak bu tür sayfaların, kullanıcının ilgisini çok çekmeyeceği açıktır. Bu nedenle biçimlendirmeyi gerektiğinde genel gerektiğinde yerel yapabilmeliyiz.

HTML Damgaları İle Yerel Stil Yaratma

<BODY ... > içinde yapılan genel stiller yerine istenen yerlerde farklı biçimler yaratmanın bir yoludur.

Örnek

Görüntü	HTML Kodları
bold	<b>bold</b>
italik	<i>italik</i>
strong	<strong>strong</strong>
emphisize	<em>emphisize</em>
pre	<pre>pre</pre>
abc	<font color="Blue" face="Times New Roman"></font>abc

Bu yöntem, <BODY ... > içinde yapılan genel stillerden daha kullanışlı olmakla birlikte oldukça zaman alıcı ve yorucu bir iştir. Daha kötüsü, yüzlerce web sayfamız olduğunda, bu sayfalarda biçim değişikliği yapmak hemen hemen olanaksız hale gelir.

CSS dili bu zorlukları aşmak için yaratılmıştır. Önce bu kısaltmanın ne olduğunu açıklayalım.

CSSCascading Style Sheets.
CSS web dökümanlarını biçimlendiren etkili bir dildir. HTML nin hantallığını büyük ölçüde yokeder. İstenirse web dökümanı içinde seçilen bir yere, istenirse bütün web sayfasına, istenirse bir çok web sayfasına biçim verebilir. Bu nedenle, web tasarımcılarının vazgeçemeyeceği araçlardan birisi olmuştur.

CSS 1 ve CSS 2 tanımlamaları diye ikiye ayrılan bu dilin her kodunu bütün tarayıcılar (browser) aynı şekilde algılamayabilir. Ama biz burada, başlıca biçimlendirme kodlarını ele alacağız. Ayrıntılar için, CSS dökümanlarına bakılabilir.