CSS (Cascading Style Sheets) HTML sayfalarında bulanan öğeler için biçimlendirme olanakları sunan bir markup dilidir. Markup dili, bir dokümanı sistemin/uygulamanın/aracın yorumlayabileceği formatta oluşturulmasını sağlayan dile verilen isimdir.

CSS, görsel eksikliği gidermek amacıyla ortaya çıkmıştır. CSS, web sayfaları için genel şablonlar hazırlama olanağı verir. Bu olanaktan bağımsız olarak da sayfa, alan, arkaplan, form, buton, input, resim, video, ses ve doküman gibi dosyaların, metinlerin, tuvallerin vs. gerek stillerini (renk, yazı tipi, boyut vs.), gerek konumlarını, gerekse de özelliklerini değiştirmek için kullanılır.

CSS kullanarak sitenizin nasıl görüneceğini, cep telefonu, masaüstü ve tablet gibi farklı cihazların ekranlarında kontrol edebilirsiniz.

CSS, web sayfanız üzerinde tümüyle kontrol sahibi olmanızı sağlar ve istediğiniz şekilde değişiklikler yapmanıza olanak verir.

Kısaca CSS, bir HTML sayfasının nasıl görüntüleneceğini tarif eder.

CSS Nasıl Kullanılır?

CSS stilleri HTML şablonunuzun her öğesine ayrı ayrı eklenebilir fakat CSS, birden çok stili bir öğeye ya da bir stili birden çok sayfaya uygulamak gibi daha pratik özellikleriyle öne çıkmaktadır. Örneğin; tüm H2 başlıklarının aynı renkte görüntülenmesini sağlayabilirsiniz.

CSS kodları HTML’e üç farklı şekilde eklenebilir:

• Satır İçi (inline) / Yerel CSS: Satır içi CSS ile sadece o etiketi etkileyecek biçimler verilebilir. Etiketler, arasında kalan etiketlerin içine yazılır.
• Sayfa İçi / Genel CSS: Sayfa içinde belirli bir etiketi gördüğü her yerde, tanımlanmış özellikleri uygular. Genel CSS kodları, etiketlerinin arasına yerleştirilir. Sayfalarınızın geç yüklenmesine neden olabilir. Bir CSS koduyla sayfadaki tüm paragrafların ya da başlıkların aynı renk olmasını sağlayabilirsiniz.
• Harici (External) CSS: Head etiketleri içinde harici bir CSS dosyasına link vererek, bir CSS dosyasının HTML dosyasına eklenmesi yöntemidir. Birden fazla sayfada aynı .css uzantılı dosyanın kullanılması mümkündür. Harici CSS dosyanız yüklenene kadar sayfanız düzgün görünmeyebilir.

CSS ile Neler Yapılabilir?

• Tüm cihazlara (bilgisayar, telefon, tablet vs.) uygun responsive (duyarlı) tasarımlar hazırlanabilir.
• Mobil programlama içinde kullanılabilir.
• Sayfadaki tüm alanlar ve içerikler için stil (renk, yazı tipi, boyut vs.), konumlandırma ve özellik değiştirme işlemleri yapılabilir.
• Geçiş/dönüşüm işlemleri yapılabilir.
• Animasyon ve efekt işlemleri yapılabilir.
• Slaytlar ve resim galerileri yapılabilir.
• Kullanıcılara rahatlık sunabilecek açılır menüler yapılabilir.
• HTML (Hyper Text Markup Language) (zengin metin işaretleme dili) içeriğinde önceden tanımlı tüm elemanların (input (giriş) alanları, butonlar vs.) görünümü değiştirilebilir.
• Tablolama ve listeleme işlemleri yapılabilir.
• Tek bir CSS (Cascading Style Sheets) (basamaklı stil şablonları veya basamaklı biçim sayfaları) dokümanından tüm sayfalara etki edilebilir.

CSS ile Neler Yapılamaz?

• Veri tabanı işlemleri yapılamaz.
• Veri okuma, işleme ve kontrol işlemleri yapılamaz.
• Tarihe bağlı işlemler yapılamaz.
• Form işleme ve değerlendirme işlemleri yapılamaz.
• Sayfaya talep işlemleri yapılamaz.