CSS Nedir?

 

CSS Nedir?

 

 Cascading Style Sheets (Basamaklanmış Stil Katmanları):

   Basitçe, sayfamıza ait görselliğe dair her türlü yapıyı düzenlememizi sağlayan bir işaretleme dilidir. Sayfaya ait  yazı, buton, arkaplan ve benzeri ögelerin renkleri, boyutları, konumları gibi özelliklerini düzenlememize imkan sağlar.CSS, bir HTML sayfasının nasıl görüntüleneceğini tarif eder. Bu tarifin içinde sayfadaki başlık, metin, resim, video gibi öğelerin görsel özellikleri, sayfa yerleşimi ve bu yerleşimin farklı ekranlarda, cihazlarda,ekran, kağıt ya da diğer ortamlarda nasıl değişeceği bilgisi  bulunur.
Basit bir örnek vermek gerekirse, HTML ile web sayfamızın iskeletini oluşturup CSS ile iskeleti bir insana dönüştürebiliriz.Saç rengini, cilt rengini ,göz rengini gözlerinin konumlarını ve benzeri özellikleri CSS ile belirleriz.Web tasarımı ile ilgilenen herkesin bildiği/bilmesi gerektiği bir işaretleme dilidir.Zaman tasarrufu sağlamakta ve kod fazlalıklarından karmaşıklıktan kurtulmak için etkili bir yoldur.

CSS ile ilgili terimleri internette kolayca bulabilir ve web sitenize kolayca uygulayabilirsiniz.

 CSS FAYDALARI

1. Css kodlarını harici bir dosyada tutarsanız tek bir yerden tüm sitede değişiklik yapabiliriz.
2. İstediğiniz alanlarda geçişler, görsel efektler yapabiliriz..
3. Nesnelerin konumlarını tek bir yerden değiştirebiliriz.
4. Tablet, telefon, masaüstü için farklı ebatlarda tasarımlar yapabiliriz.
5. Boyutlandırma oldukça kolaydır.
6. Böylece kod fazlalığı olmadan işimizi kolaylıkla halledebilir ve vakitten de tasarruf etmiş oluruz.
7.  Tek kodla bir çokyerde değişiklik yapabiliriz.

 ÖRNEK

#logo {
 width: 80px;
 position: absolute;
 left: 5px;
 top: 10px;
}

ANLAMI:  

• Yüklenen sayfada, ‘LOGO’ isimli öğeyi bul
• Bu öğenin enini 80 piksel yap.
• Sayfanın sol üst tarafına, kenardan 5 piksel, yukarıdan 10 piksel mesafeye yerleştir.

HTML Nedir?