Açılımı Cascading Style Sheets olan CSS Türkçe de Basamaklı Stil Sayfaları manasına gelmektedir. HTML dili ile yazılan kodların görüntü açıdan daha zengin olmasını sağlar. Örneğin; Bu dil ile bir paragrafın yazı renklerini tek bir noktadan değiştirebilirsiniz. Burası önemlidir; çünkü Bu dilden önce her bir HTML etiketi için ayrı ayrı stil tanımlaması yapmamız gerekiyordu. Bu dil ile birlikte bu problem ortadan kalktı. Artık tek bir dosya ile tüm sayfalarımızdaki içerikleri şekillendirebiliriz.
CSS hangi amaçla kullanılır?
Bu dilin ortaya çıkış amacı belli bir kodun, metinin ya da şeklin yazı rengi, arka plan rengi vb. gibi özellikleri daha rahat düzenleyebilmek ve bu kodların tamamını tek bir sayfada birleştirmektir. CSS görüntü açısından bakıldığında bir sayfadaki görüntünün yaklaşık olarak %95 ini oluşturmaktadır. HTML ile iç içe kullanılan CSS’in temel amacı bu yöndedir.
CSS Sürümleri ve Özellikleri Nelerdir?
Cascading Style Sheets, seviye 1 (CSS1) 1996 yılının Aralık ayında piyasaya sürülmüştür. Bu sürüm, CSS dilini ve tüm HTML etiketleri için basit görsel biçimlendirme modelini açıklar. Dilin ilk sürümü olduğundan henüz çok fazla özelliğe sahip olmasa da görüntü için oldukça önemli bir yer tuttu.
1998 yılının Mayıs ayında İlk sürüm üzerine eklemeler yapılarak ortaya çıktı. Bu sürüm, aşırı kapsamlı metin biçimlendirme dilini geliştirmek için kullanılan bildirimsel bir dildir. İşitsel stil sayfaları, genişletilmiş yazı tipi seçimi, otomatik numaralandırma vb. gelişmiş özelliklere sahiptir. CSS2’nin geriye dönük kodlara uyumluluğuvardır.
Haziran 1999’da daha eski sürümleri üzerine inşa edilmiştir. CSS3, önceki sürümlerinin en son sürümüdür. CSS2 ve CSS3 arasındaki fark, CSS3’ün artık farklı modüllere bölünmüş olmasıdır. Her modül W3C’den ayrı ayrı geçtiği için, daha geniş bir tarayıcı desteği yelpazesi vardır. Uyumluluğu sağlamak için son sürümün sayfalarınızı olabildiğince çok tarayıcıda ve işletim sisteminde test ettiğinizden emin olmanız gerekir. HTML5 ile çok uyum sağlayan bu son sürüm beraber kullanılarak çok büyük ve özel projeler tasarlanmaktadır.
CSS Frameworkleri ve Kütüphaneleri
Bir dilin olmazsa olmazları arasında Framework ve Kütüphaneleri yer almaktadır. Yazılan kodların daha rahat ve kolay yazılabilmesi için kullanılan bu kütüphaneler oldukça önemlidir. Gelin bir kaç önemli kütüphaneyi beraber inceliyelim.
Sass
Sass, 2006 yılında ilk olarak piyasaya çıktı en eski CSS ön işlemcisidir. Yaratıcıları, Natalie Weizenbaum ve Hampton Catlin, HTML dilinin dinamik özellikler ekleyen Haml şablon dilinden esinlenmiştir. Amaçları benzer bir dinamik işlevselliği bu dilde de uygulamaktı.
Less
LESS, Sass’tan üç yıl sonra, 2009’da Alexis Sellier tarafından yayınlanmıştır. Sass’tan esinlenen Less, daha sonra farklı özellikleriyle Sass’yi etkilemeyi başarmıştır.
Bootstrap
En yaygın kullanılan ücretsiz ve açık kaynaklı Framework Bootstrap, bu dilin en popüler Framework’lerinden biridir. Bu framework’un güncel sürümü, 2018’de piyasaya sürülen Bootstrap 4’tür. Bu sürümde yeni renk şemaları vb. birçok önemli özellik tanıtılmıştır.
CSS Nasıl Öğrenilir?
Bir web geliştirici ya da tasarlayıcısının kesinlikle bilmesi gereken ve hatta projelerinin büyük bir kısmını oluşturan bir dildir. Bu dilin öğrenmesi pek kolay olmasa da çok fazla zevkli olduğu için öğrenmenizi biraz rahat kılacaktır.
1. HTML Öğrenin
CSS dili HTML dilinin tamamlayıcısıdır. Bu yüzden Bu dili öğrenmek için HTML bilmeniz şart. Kesinlikle önce HTML dilini öğrenip daha sonra geçmenizi tavsiye ederiz.
2. Temel Bilgileri Öğrenin
HTML bitirdikten sonra ilk iş olarak Temel bilgileri öğrenmeniz olacaktır. Tamamı birbirine bağlı olduğu için temel bilgiler oldukça önemlidir.
3. Deneme yanılma
Kesinlikle ama kesinlikle önceliğiniz daime kendiniz denemek olsun. Başkalarından yardım almadan önce kendiniz deneyin olmazsa bir daha deneyin yani ilk önceliğiniz deneme yanılma olsun.
4. Kütüphanelere Göz Atı
Her dilde olduğu gibi bu dilde de kütüphaneler bulunmaktadır. Bu kütüphanelere detaylı olmasa da arada bir göz ucu ile bakın kütüphanelerin mantığını kavrayın ilerde çok işinize yarıyacaktır.
5. Kendiniz Projeler Yapın
Belli bir seviyeden sonra kesinlikle hiçbir yere bağlı kalmadan kendiniz projeler yapmaya başlayın bu projeler çok büyük projeler olmasa da kendinizi geliştirmeniz açısından oldukça önemli rol oynamaktadır.
6. Kendi Kütüphanenizi Kurun
Belli bir seviyeyi geçtikten sonra projelerde kullanmak üzere kendi kütüphanenizi kurun gerek sık sık kullandığınız butonlar olsun gerekte sürekli tercih ettiğiniz renkler olsun bunları bir yerde kütüphane şeklinde tutun. Projelerinizde istediğiniz zaman kullanabilirsiniz.
7. Yaptıklarınızı Saklayın
Gerek eğitimlerde gerekte projelerinizde yazdığınız kodları dosya olarak saklayın çünkü ilerde size sürekli lazım olacaktır. Lazım olduğunda sağda solda aramaktansa önceki yaptıklarınızın arasında bulabileceksiniz.