# CSS Genel Kod Yapısı

Kaynak: https://webodasi.com/css-genel-kod-yapisi-nasildir/
Yazar: Mahmut Esat Ayancık
Yayın: 2020-06-14
Güncelleme: 2020-07-14

## **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.

 

![](https://webodasi.com/wp-content/uploads/2020/06/css-kurali.jpg)

 

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](https://webodasi.com/html-etiketleri/) 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;
    }
```

 

![](https://webodasi.com/wp-content/uploads/2020/06/css-1030x538-1.png)

 

##### 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**](https://webodasi.com/css-nedir-ne-ise-yarar-css-kullanmanin-avantajlari/) ulaşabilirsiniz.

 

Bugün sizlere  **CSS Genel Kod Yapısı** [](https://webodasi.com/mvc-nedir?/%E2%80%8E(yeni%20sekmede%20a%C3%A7%C4%B1l%C4%B1r))ile alakalı elimizden geldiğince bilgi vermeye çalıştık sürçü lisan ettiysek affola diyerek cümlemize son noktayı koyuyoruz.