CSS Genel Kod Yapısı

CSS Genel Kod Yapısı

CSS kodu genel olarak iki yapıdan oluşur. Bunlardan biri element ve stilleri birbirinden ayıran seçim ve diğeri ise bir veya daha fazla özelliği bildirdiğimiz bölümdür diyebiliriz. Bir CSS kodu genel olarak bu iki yapıdan oluşuyor.

Genel olarak stillerini belirleyeceğimiz kısım HTML elementidir, a, body, p, h1, vb. gibi.
(NOT: Ayrıca HTML Etiketleri hakkında bilgi sahibi olmak istiyorsanız buradan ulaşabilirsiniz.)

Stil ifadeleri ise genel olarak özellik: değer; şeklinde yer alırlar.

Basit Bir CSS Örneği

CSS ifadeleri genelde hatta çoğu zaman noktalı virgül (;) ile bitirilir.Stil ifadeleri ise şu parantezler {} arasında yer alır. Aşağıdaki örneği dikkatli bir şekilde inceleyelim:

p { color: black; text-align: center; }

İsterseniz bu kodları görünürlük açısından daha iyi olması için şu şekilde de
yazabilirsiniz.

p { 
     color: black; 
     text-align: center;
    }

CSS’de Yorum Satırı Oluşturmak

Tüm programlama dillerinde ve bir işaretleme dili olan HTML’ de bile yorum satırı bulunmaktadır. Peki bu yorum satırı tam olarak ne işe yarıyor diyecek olursak; yorum satırları kullanıcıların göremeyeceği sadece programcıların kodlarıyla ilgili kısa kısa notlar almasını sağlayacak bölümdür. CSS’ de ise /*yorum satırı*/ bu şekilde oluşturulur.

/* Paragraf Stilimiz */
 p { 
      /* Yazının rengi kırmızı olacak */ 
      color: red; 
 
     /* Yazımış ortalanmış olacak */
     text-align: center;  
  }

Bir önceki yazımızda ise size CSS hakkında kısa bir bilgi vermiştik, ne işe yaradığını nerelerde nasıl kullanıldığını o yazımıza da buradan ulaşabilirsiniz.

Bugün sizlere CSS Genel Kod Yapısı ile alakalı elimizden geldiğince bilgi vermeye çalıştık sürçü lisan ettiysek affola diyerek cümlemize son noktayı koyuyoruz.

Bu Yazı İçin Ne Düşünüyorsun?

BEĞENDİM

 ()

KALP

 ()

EĞLENCELİ

 ()

ENTERESAN

 ()

YORUMSUZ

 ()

HAYIFLANDIRICI

 ()

BİLGİLENDİRİCİ

 ()

ÖFKELENDİRİCİ

 ()