CSS Nedir, Ne İşe Yarar, Kodları Nereye Yazılır?

CSS Nedir?

İngilizce “Cascading Style Sheets” kelimesinin baş harflerinden oluşan CSS’in Türkçe karşılığı “Basamaklanmış Stil Katmanları’dır. Bir web sayfasındaki resim, yazı, başlık, animasyon, video, döküman, tablo vb. gibi tüm HTML öğelerinin sayfa yerleşimleri ve bunların kullanıcılara farklı cihaz ve ekranlarda nasıl görüntüleneceğinin kurgusu CSS teknolojisi ile yapılır. CSS; modern web siteleri geliştirilirken kullanılan HTML ve JavaScript web teknolojilerine ek olarak bir sayfanın kullanıcıya sunumunu estetik hale getirmek için web geliştiricilerine metin ve format biçimlendirme imkanları sağlayan bir web işaretleme dilidir.

CSS'in Tarihçesi

1- CSS, ilk olarak 10.10.1994 tarihinde Norveçli bir web öncüsü, Opera tarayıcısı yazılımının baş teknoloji sorumlusu Hakon Wium Lie tarafından önerilmiştir.
2- CSS 1: 1996 yılının ortalarında Dünya Ağ Birliği - W3C bloglarında e-posta gönderim sayfalarında yapılan farklı stil ve biçimlendirmeler düzenlenerek ortaya çıkmıştır.
3- CSS 2: Dünya Ağ Birliği - W3C’nin 12.05.1998 tarihinde yayınlanmıştır. Bu sürümde internet kullanıcılarının artması ve kullanıcıların muhtelif ihtiyaçlarının farklılaşması CSS 2.1 olarak çehre değiştirmiştir.
4- CSS 3: İlk taslak 22.06.1999 tarihinde yayınlanmıştır. Mobil cihazların kullanımının ve akıllı telefonların yaygınlaşmasıyla birlikte çok çeşitli ekran çözünürlüklerine göre web sitesi sunumları CSS 3 responsive web teknolojisini ortaya çıkarmıştır.

CSS Ne İşe Yarar?

Web geliştiricileri CSS teknolojisini kullanırken HTML öğeleriyle etkileşim kurar ve web sayfalarında stiller oluşturur. Her web sayfasındaki öğeler, o sayfanın bağımsız HTML öğeleridir. CSS işaretleme dili, web içeriğinde bulunan tüm HTML öğelerinin yazı tipi boyutlarını, kalınlıklarını, renk ve kenar boşluklarını, sağ-sol-yukarı-aşağı gibi uzaklıklarını ve buna benzer kullanıcıya sunulabilecek tüm görüntülerin daha düzenli olarak ekrana taşınmasını sağlar. Yani CSS, web sitesinin estetik durumuyla ilgilenir ve sayfaları kullanıcılar için güzelleştirmek için biçimlendirme işlemini yapar.

CSS Kodları Nereye Yazılır?

CSS kodunun HTML içeriğine nasıl işleneceği, nereye yazılacağı ve çalıştırılacağı CSS konusunu öğrenmek isteyenlerin en çok merak ettiği konulardan biridir. CSS, bilgisayarlarda bulunan metin düzenleyicisi ya da kelime işlemcisi aracılığıyla basit ve düz metinlerle oluşturulur. Genel olarak bir web sayfası yapımında oluşturulan CSS kodlarını HTML sayfalarına çekmek için harici, dahili ve satır içi CSS düzenleme yöntemleri kullanılır.

1- Harici Dış CSS Stilleri Oluşturma

CSS kodları .css uzantılı bir dökümanla çözülür ve link etiketi yöntemiyle web sayfasına çağırılır. CSS dosyaları olarak kaydedilen tek bir dosyayla tüm web sitesinin görünümü düzeltilebilir. Bu dosya, .html dosyasını harici bir stil sayfasına bağlar ve o dosyadaki tüm CSS talimatları bağlantılı .html sayfasında çalışır.

2- Dahili Sayfa İçi CSS Stilleri Oluşturma

Bir web sitesinin HTML sayfalarının başlığına “style” etiketi içine yazılan CSS talimatlarının çalıştırılması şeklinde uygulanır.

3- Satır İçi CSS Stil Sayfaları Oluşturma

CSS kodlarının bir web sayfasında bulunan HTML yapısının içine in-line şekilde yazılmasıyla oluşturulan CSS düzenleme ve uygulama biçimidir.

Dünyada CSS teknolojisinin gelişimi CSS 3 teknolojisiyle devam etmiş ve kaliteli web sitelerinin kullanıcılara sunumu sağlanmıştır. CSS, HTML ve JavaScript teknolojileriyle birlikte estetik, UI/UX, duyarlı ve kullanıcı odaklı web sayfaları oluşturulmuştur. Web tasarım firması birNC'ye göre bir web sitesinin tasarımını CSS ile yönetmek, web sayfalarının HTML bileşenlerini kullanıcılara ve onların kullandıkları cihazlara göre yerleştirmek çok daha basit olduğu için internet dünyasındak pozitif anlamdaki ilerlemenin çok yüksek paydasını CSS tekonlojisine vermek gerekir. Web teknolojisindeki özellikle mobil versiyonlarındaki kullanıcı odaklı tüm ileri seviyedeki gelişmeler CSS biçimlendirme dili sayesinde ilerlemeye devam etmektedir.

İlgili Videolar
Faydalı Linkler

Özel Web Tasarım Projeleriyle CSS'leri İncele

CSS ile İlgili Destek Almak İçin İletişime Geçin

CSS ile İlgili En Çok Merak Edilenler

Sizce CSS'i nasıl kullanmak doğru olur?

birNC'ye göre ziyaretçiler için bir web sitesinin tanıtımını iyileştirmek ve sayfalardaki kod miktarını artırmamak için CSS stil sayfalarını ayrı bir belge olarak ayarlamak daha doğrudur.

CSS'in gücüyle yapılan illegal bir durum var mı?

Web sayfalarını kullanıcılar için düzenlemek gerekirken arama motorlarında sıralama elde etme çalışmaları için yapılan SEO işlemlerinde SEO uzmanlarını bazı illegal aksiyonlar yapmaya yöneltti diyebiliriz. Örnek olarak arama motorlarının 2021 öncesi stil sayfalarını okuyamıyor olmasından dolayı site içerisinde SEO'yu tetikleyecek görünmez metinler oluşturmak çok revaçtaydı. Ancak bu illegal taktik 2022 yılı itibariyle özellikle Google arama motorunda sıralama cezası sebeplerinden biri durumundadır.

CSS ile sayfa düzenlemesiyle birlikte farklı neler yapılabilir?

CSS ile sadece web sitelerinin kullanıcılar için göze daha hoş gelen bir yapıya soktuğu kesindir. Ancak ziyaretçilerin daha kaliteli bir kullanıcı deneyimi yaşaması için HTML 5 ve JS (JavaScript) dilleri ile birlikte kullanılmasında harika web uygulamaları oluşturulabilir.

CSS, bir yazılım dili olarak görülebilir mi?

CSS, bir yazılım dili olamaz. Çünkü bu teknoloji ile kullanıcılar için bir web uygulaması yapılamamaktadır. CSS, geliştirilmekte olan bir web uygulamasında tüm sayfa içerisindeki öğelerin sadece düzenini oluşturmaya yarar.

Bir ajansta CSS'ci olmak istiyorum nereden öğrenebilirim?

Bu konuda istemek çok önemlidir, iyi bir CSS'ci olmak için 1. aşamayı geçmişsiniz bile! Diğer aşamalar için size fayda sağlayacak muhtelif kaynakları kitapevlerinden temin edebilirsiniz. Ayrıca Youtube gibi video platformlarından konuyla ilgili araştırmalar yapabilir, Google arama motorunun devasa SERP sonuçlarından yararlanabilir ve günümüzde çok popüler olan online eğitim platformlarından da CSS ile ilgili ücretli/ücretsiz özel dersler alarak uzman bir CSS'ci olabilirsiniz.

CSS ile yapılabilen en önemli işlemler nedir?

✓ Yazı fontunun renklendirme ve boyutlandırma işlemleri
✓ İçerik h etiketi başlık biçimlendirmeleri
✓ Yatay ve dikey menüler
✓ İçerikleri destekleyici animasyonlar, efektler
✓ Yazı ve resim gölgelendirmeleri, süslemeleri
✓ Tablolar ve kullanıcı odaklı grafik düzenlemeler

En çok kullanılan CSS kütüphaneleri nelerdir?

- Bootstrap
- Foundation
- Ulkit
- Animate.css
- CSS Wand
- Destyle.CSS
- Water.css
- Raisin.css
- Font Awesome
- Ionic
- Semantic UI

birNC Web Tasarım Ajansı olarak "CSS nedir, ne işe yarar, nasıl çalıştırılır ve web siteleri için önemli faydaları nelerdir" gibi sorulara yanıtlar vermeye çalıştık. İnternet arşivlerinde bu konularda yazılmış ve eğitim videoları çekilmiş bir çok bilgi var. Yeni bir web geliştiricisi adayı iseniz CSS öğrendiğinizde web sitelerinde maksimum kullanıcı memnuniyeti yaratmak ve onlar için daha çekici sayfalar oluşturabileceğinizi anlayacaksınız.

CSS ile ilgili araştırma yapan tüm web tasarımcı adaylarına eksiksiz bir makale sunabilmemiz için bu yazılı makalede gördüğünüz tüm eksikleri bilgi@birnc.com.tr mail adresine göndermenizi önemle rica ederiz. CSS teknolojisiyle ilgili yazımızda bilgi verilmeyen farklı bir sorunuz var ise lütfen +90 212 232 9262 Müşteri Destek Hattını arayın.

Tüm CSS ile ilgili bilgi araştırması yapan değerli okuyucularımıza buradan selamlar iletiyoruz.

Hepinize başarılı yarınlar dileriz.
Kendinize İyi Bakın.

CSS Nedir ve Ne İşe Yarar?