X

Lütfen Para Birimi Seçiniz

Türk Lirası $ US Dollar Euro
X

Lütfen Para Birimi Seçiniz

Türk Lirası $ US Dollar Euro

Bilgi Bankası

AnasayfaBilgi BankasıYazılımCSS nedir?

CSS nedir?

CSS nedir?

CSS (Cascading Style Sheets), web sayfalarının görünümünü ve düzenini kontrol etmek için kullanılan bir stil dilidir. HTML ve diğer işaretleme dilleri tarafından oluşturulan içeriği biçimlendirmek ve görsel olarak iyileştirmek için kullanılır. CSS, metinlerin, resimlerin, bağlantıların, tabloların, formların ve diğer HTML öğelerinin renklerini, boyutlarını, kenar boşluklarını, hizalamalarını ve diğer görsel özelliklerini tanımlamak için kullanılır.

CSS, tarayıcıların belirli özellikler ve stiller üzerinde daha ayrıntılı kontrol sağlayarak web sayfalarının daha tutarlı ve estetik bir görünüm kazanmasına olanak tanır. Ayrıca, aynı stil bilgilerini birden fazla sayfada veya belgede kullanarak kod tekrarını azaltır ve bakımı kolaylaştırır.

CSS, kaskad (cascading) adı verilen bir özellikle tasarlanmıştır, bu da birden fazla stil tanımı arasında bir öncelik sırası olduğu anlamına gelir. Bu, bir öğeye birden fazla stil uygulandığında, hangi stilde öncelik verileceğini belirlemek için kullanılır. Örneğin, bir stil dosyası, bir HTML etiketine gömülü bir stil beyanından daha fazla öncelik kazanır.

CSS'nin kullanılması, web sayfalarının daha profesyonel ve estetik bir görünüm kazanmasına ve aynı zamanda erişilebilirliğini artırmasına yardımcı olur. Ayrıca, CSS, web geliştiricilere içeriğin yapısından ayrı olarak stil ve düzenleme sağlayarak daha modüler ve bakımı kolay kod oluşturma imkanı verir.

CSS’in tarihçesi hakkında kısa bilgi

CSS ilk kez 10 Ekim 1994 tarihinde, CERN’de Tim Barners-Lee ile birlikte çalışmakta olan Hakon Wium Lie tarafından önerilmiştir. Bunun ardından W3C (Dünya Çapındaki Ağ Birliği), çeşitli forum ve eposta listelerinde yapılan birkaç farklı stil sayfası dili taslağını da göz önünde bulundurarak, 1996 yılında ilk CSS önerisini sunmuştur (CSS1).

İnternet kullanımının yaygınlaşması ve kullanım amaçlarının çeşitlenmesiyle doğan yeni ihtiyaçlar, W3C’nin 12 Mayıs 1998’de CSS2 önerisini sunmasıyla sonuçlanmıştır. Bunun hemen ardından çalışmalarına başlanan CSS3 ise, tarayıcı desteği artmış olmasına rağmen 2016’da halen geliştirilme aşamasındadır.

İnternet safasının yapısı ve CSS

İnternet sayfalarının yapısı, HTML (Hypertext Markup Language) ile belirlenir. HTML, içeriğin yapısını tanımlar ve tarayıcıya içeriği nasıl göstereceğini söyler. Ancak, içeriğin görünümünü ve düzenini belirlemek için CSS (Cascading Style Sheets) kullanılır. CSS, HTML belgesindeki öğelerin renklerini, boyutlarını, hizalamalarını ve diğer görsel özelliklerini tanımlar. İşte bu iki teknolojinin birlikte çalışmasıyla internet sayfaları oluşturulur:

  1. HTML Yapısı: HTML, internet sayfalarının yapısını tanımlar. Metinler, resimler, bağlantılar, tablolar, form elemanları ve diğer içerik türleri HTML etiketleri aracılığıyla düzenlenir. Her bir etiket, içeriğin belirli bir özelliğini veya yapısını temsil eder. Örneğin, <p> etiketi bir paragrafı başlatırken, <img> etiketi bir resmi belirtir.

  2. CSS Stilleri: CSS, HTML içeriğinin görünümünü ve düzenini belirler. CSS dosyaları, HTML belgelerindeki öğelerin renklerini, fontlarını, boyutlarını, kenar boşluklarını, hizalamalarını ve diğer görsel özelliklerini kontrol eder. Örneğin, bir CSS dosyası, tüm <h1> başlıklarını belirli bir font ve boyutta göstermek için kullanılabilir.

İnternet sayfaları oluşturulurken, HTML içeriği ve CSS stilleri bir araya getirilir. HTML, sayfanın içeriğini tanımlar ve yapısını belirlerken, CSS stil dosyaları bu içeriğin görünümünü ve düzenini kontrol eder. Bu, web sayfalarının tutarlı, estetik ve erişilebilir olmasını sağlar. Ayrıca, CSS kullanımı, web geliştiricilerin içeriği yapısından ayrı olarak stil ve düzenleme sağlamasına olanak tanır, böylece daha modüler ve bakımı kolay kod oluşturulabilir.

İçerik katmanı (HTML)

İçerik katmanı her intenet sayfasında mutlaka vardır. Sayfa sahibinin ziyaretçiye aktarmak istediği bilgi, HTML ile etiketlenerek bu katmanı oluşturur. Günümüzde internet sayfalarının içeriği ağırlıklı olarak metin olsa da, resim, animasyon, video gibi farklı ortamlar da içerik olarak kullanılmaktadır. Bu katmanda içeriğin nasıl görüntüleneceğine dair bilgi olmaz (olmaması gerekir).

Görselleştirme katmanı (CSS)

Görselleştirme katmanı, içeriğin sayfayı ziyaret eden kişiye nasıl gösterileceğini belirler. İçeriğin ekran boyutuna göre ayarlanması, yazı boyutunun belirlenmesi, renk, beyaz alan gibi görsel öğelerin tanımlanması bu katmanda yapılır. Görselleştirme katmanı için önerilen ve yaygın olarak kullanılan dil CSS’tir.

Etkileşim katmanı (JavaScript)

Etkileşim katmanı, kullanıcı ve sayfa arasındaki etkileşim yöntemlerini ve sonuçlarını tanımlar. Genellikle JavaScript ile kodlanır. Bir sayfanın ziyaretçi ile etkileşimi, formların kontrol edilmesi gibi basit işlemlerden, masaüstü yazılımlarına benzer kapsamlı web uygulamalara kadar çeşitlilik gösterebilir.

CSS, internet sayfalarının görünümünü ve düzenini belirlemek için kullanılan güçlü bir stil dilidir. CSS'nin tercih edilme nedenleri şunlardır:

  1. Görünüm ve Düzen Kontrolü: CSS, web sayfalarının stilini ve düzenini belirlemede büyük bir esneklik sunar. Renkler, fontlar, boyutlar, kenar boşlukları, hizalamalar ve daha pek çok görsel özellik, CSS kullanılarak kolayca özelleştirilebilir.

  2. Tutarlılık: CSS, birden fazla sayfa veya belge arasında stilin tutarlılığını sağlar. Aynı stil kurallarının bir CSS dosyasında tanımlanması, sitenin her sayfasında aynı görünümün korunmasını sağlar. Bu, marka bütünlüğü sağlar ve kullanıcı deneyimini geliştirir.

  3. Erişilebilirlik: CSS, içeriği ve düzeni birbirinden ayrı olarak tanımlayarak, ekran okuyucular ve diğer erişilebilirlik araçları tarafından daha iyi anlaşılmasını sağlar. Bu, web sitelerinin daha geniş bir kullanıcı kitlesine ulaşmasına yardımcı olur.

  4. SEO Dostu: CSS kullanımı, arama motorlarının web sitenizin içeriğini daha iyi anlamasına ve dizine eklemesine yardımcı olabilir. CSS ile belirlenen düzen, arama motorlarına sayfanın yapısını daha açık bir şekilde iletebilir.

  5. Mobil Uyumlu Tasarım: CSS, web sitelerinin mobil cihazlara uyumlu olmasını sağlayan duyarlı tasarım tekniklerini uygulamak için kullanılabilir. Bu, kullanıcıların farklı cihazlarda aynı kaliteli deneyimi yaşamalarını sağlar.

  6. Bakım Kolaylığı: CSS, web sitesinin stilini tek bir yerden yöneterek, bakım ve güncelleme süreçlerini kolaylaştırır. Bir CSS dosyasında yapılan bir değişiklik, tüm web sayfalarında otomatik olarak yansıtılır.

Bu nedenlerden dolayı, CSS web geliştiricileri tarafından tercih edilir ve web sitelerinin görünümünü ve işlevselliğini geliştirmek için yaygın olarak kullanılır.

Aradığınız Bilgiyi Bulamıyor musunuz?

Bilgi bankasını detaylı olarak incelediniz, fakat ihtiyacınız olan bilgiyi bulamıyorsanız,

Bir Destek Talebi Oluşturun.
Faydalı Buldunuz mu?
(10 defa görüntülendi. / 0 kişi faydalı buldu.)

Top