Web site tasarlarken kullanılanlardan vazgeçilmezleri sizlerle paylaşmaya devam ediyoruz. Bir önceki yazımızda HTML’i ele aldık. Şimdi ise CSS’den bahsetmezsek olmazdı. CSS Nedir? Nasıl Kullanılır? Kullanabileceğiniz Faydalı Kaynaklar Nelerdir?
CSS Nedir?
CSS ismini Türkçe anlamı, Basamaklı Stil Sayfası olan Cascading Style Sheets’in baş harflerini alır. HTML’e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir Web teknolojisidir. Yani, web sitenizdeki html elementlerinin renk, boyut, yazı karakteri gibi her türlü görsel özelliklerini değiştirmenizi sağlar.
CSS İle Neler Yapılabilir?
CSS kullanarak HTML ile yapamayacağımız birçok şeyi yapabiliyoruz. Bir sayfadaki tüm ögeleri veya belli bir kısım ögeyi renk, boyut, arkaplan resmi, sayfadaki konumu, sağından solundan olan boşlukları ve daha birçok özelliği yönünden CSS ile istediğimiz gibi ayarlayabiliriz. Bir CSS dosyasıyla bütün sayfalarınızın stilini oluşturabileceğiniz için sayfalarınızın boyutu küçülür, yükü hafifler. CSS ayrıca öğrenmesi en kolay dillerden birisidir.
CSS öğrenmesi en kolay bir dil ama tabii CSS öğrenmeye başlamadan önce işe HTML ile başlamalısınız. Bunun yanında CSS için ingilizce de önemli tabi ileri düzey ingilizce değil de en azından neyin ne olduğunu anlayacak düzeyde ingilizce bilmenizde yarar var.
CSS Nasıl Kullanılır?
Web sitenize CSS stilleri eklemek için 3 yol vardır: Genel CSS’i kullanabilir ve CSS kurallarını HTML belgesinin <head>
bölümüne ekleyebilir, tüm CSS kurallarını içeren harici bir .css dosyasına bağlantı verebilir veya web sitenize kurallar uygulamak için yerel CSS kullanabilirsiniz.
<head> Bölümüne Eklenmiş Bir CSS Kodu Örneği
<head> <style type="text/css"> p {color:white; font-size: 10px;} .center {display: block; margin: 0 auto;} #button-go, #button-back {border: solid 1px black;} </style> </head>
CSS İçin Kullanabileceğiniz Kaynaklar
HTML yazımızdaki kaynakları da CSS için kullanabilirsiniz ama, sadece CSS için kullanabileceğiniz gerçekten faydalı bulduğum 2 web sitesini de sizlerle paylaşacağım.
1) CSS Codes : 1KeyData
Alfabetik sırayla CSS özellikleri, kullanımları, eğitimleri (tutorial) bulabileceğiniz güzel bir site.
2) CSS Library : Dynamic Drive CSS Library
Bir tür CSS kütüphanesi. CSS menüler, iskeletler (layout) aradığınız her şeyi burada bulabilirsiniz.
☕ Yazılarımı beğeniyorsanız ve daha fazlası için destek olmak isterseniz buradan bana kahve ısmarlayabilirsiniz.
Teşekkürler.