HTML-Kodu

**ExCaLuBuR** · 20 Aralık 2022, 00:25

Bir CSS Koduna Bakış

Bir CSS kodu iki temel bileşenden oluşur. Biri element ve stilleri birbirinden ayıran bir seçim. Diğeri ise bir ya da daha fazla özelliği bildirdiğimiz ifade bölümü.

-----------------------------------------------------------

-----------------------------------------------------------

Seçim genel olarak stilini belirleyeceğimiz HTML elementidir, h1, a, body, p gibi.

İfadeler ise sürekli olarak özellik: değer; şeklinde { ve } işaretleri arasında sıralanırlar.

CSS Örneği

Bir css ifadesi her zaman noktalı virgül (;) ile biter. İfadeler bir kıvrımlı parantez içinde yer alır. Aşağıdaki örneğe bakalım:

HTML-Kodu

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

Yukarıda tek satırda belirttiğimiz kodları istersek aşağıdaki şekilde de yazabiliriz. Daha anlaşılır olacaktır:

HTML-Kodu

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

CSS'de Açıklama Kullanmak

Her programlama dilinde ve HTML'de de olduğu gibi bazen kullanıcıların görmeyeceği ancak bizim için referans olacak açıklamalar yazmak gerekebilir. Bu durum için CSS de /* açıklama */ kullanılmaktadır:

HTML-Kodu

/* ircrehberi.net css dersleri */
   p
   {
      /* Renk kırmızı olacak */
      color: red;

      /* Ortalanmış olacak */
      text-align: center;
   }

Alıntı:

css.sitesi.web.tr

**ZeyNa** · 20 Aralık 2022, 06:30

Çok karışık şeyler değil mi ya. Emeğine sağlık

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)