Css (Cascading Style Sheets) Katmanlı Stil Sayfaları
Web sayfalarını yazarken, Katmanlı Stil Sayfaları adı verilen bir kodlama ile, Html diline destek
sağlamak ve aynı şeyleri tekrar tekrar kullanmamak için hazırlanmış bir stil
yöntemi uygulamak artık günümüzün web sitelerinde en çok başvurulan
yöntemlerin başında gelmektedir.
Yazımızda CSS adı ile kullanacağımız bu yöntemin sayfalarınızı hazırlarken
gerçekten çok yardımcı olacağını göreceksiniz. Ayrıca CSS kullanarak farklı tarayıcılarda hep aynı görüntüyü elde edebilirsiniz.
CSS genel itibarı ile html sayfasında kodları azaltmak için uygulanan bir kodlar tümleşiği gibi algılansa da, aslında bir web sayfasının A'dan Z'ye hazırlanabilmesini sağlamaktadır.
Html ile sayfa hazırlarken, sayfa düzeni ve tablolar bahislerinde değindiğim sayfanın düzen içinde olmasını temin amacı ile kullanılan bazı enstrümanlar artık tamamen CSS ile yapılmakta, tablolar, çerçeveler bile CSS kodları ile html kodları beraber kullanılarak hiç tablo kullanılmadan sayfa düzenleri hazırlanmaktadır.
Html dilini öğretmek amacı ile yaptığım bu sitede kullandığım sayfa şablonu ve menü hiç tablo kullanılmadan, sadece CSS kodları ile hazırlanmıştır.
Peki nedir bu harika CSS?
CSS ile kodlama ve kullanımını anlatmaya başlamadan önce bir kez daha önemle vurgulamak istediğim bir konu var.
Bu sitede yazılanları dikkatlice uygulayın ve kodları değiştirerek html dilinin ne demek istediğini öğrenin.
Html diline anlayacak kadar sahip olamazsanız, CSS ile yazılmış olan kodlar size hem yabancı gelecek,
hem de aklınızı büsbütün karıştıracaktır.
CSS, başlangıç aşamasında html sayfası içindeki takılar karmaşasını azaltmakla, tüm önemli işlevleri bir çatı altında toplamayı üstlenir. CSS kodları, JavaScripte benzer bir uygulama ile genelde <head> ve </head> takısı içine yazılırlar.
Ve <body> ile </body> takısı içerisindeki uygulamalar için, <head> ve </head> takısı içerisinde yazılmış koddan çağırılırlar.
CSS kodu <head> ile </head> takısı arasına yazılacak, <style type=text/css> takısı ile başlatılarak, CSS kodunun yazımının bittiği yerde </style> takısı ile sonlandırılır.
Komple bir sayfayı CSS kodları ile hazırlamak olasıdır. Bu durumda CSS kodları da oldukça fazla satır tutarak yazılan html sayfasının şişmesine neden olabilir.
İşte bu durumda sadece CSS kodu Not Defterine yazılarak ve (.css) soyadı ile kaydedilerek, yazılan web sayfasının bulunduğu dizine gönderilir.
Web sitesini yayınlarken sayfalarımız bir server (dağıtıcı)'ya yüklenmek zorundadır. İşte Html'ye başlangıç sayfalarında değindiğim ve "web" adını vererek açıp, tüm web sayfamızla ilgili elemanları içinde sakladığımız klasör, çok basitçe bir server vazifesi görmektedir.
İster bilgisayarımızda, ister bir serverda, ama tamamı aynı dizinin içinde barındırılan html ve css sayfaları, uygulama
esnasında html sayfamızın içerisinde ve <head> ile </head> takıları arasına yazacağımız
<link href="ornek.css" rel=stylesheet type=text/css>
kodu ile çağırılır.
Ayrı yazılmış CSS kod sayfası bu tek satırla html sayfamızın içine eklendiğinde, html kodlarını yazarken, css kodları sayfamızda belirttiğimiz ve sayfa düzenini etkileyen tüm kodlar, sanki <head> ile </head> takısı içerisinde tek tek yazılmış gibi işlev görürler.
