CSS Kod Yapısı - IRCForumu.ORG
IRCForumu.ORG chat-sohbet  

Sohbet

Geri Git IRCForumu.ORG > Webmaster - E-Ticaret Bölümü > Webmaster Genel > CSS Dersleri > CSS Kod Yapısı
Ağaç Şeklinde Aç4Beğeniler
  • 1 Post By N/a
  • 1 Post By FeRiDe
  • 1 Post By WildCat
  • 1 Post By Hobby

Yeni Konu Aç Cevap Yaz  
Konu ID: 113097
Seçenekler Stil
Alt 13 Aralık 2023, 22:18   #1
N/a
Standart CSS Kod Yapısı

CSS'de kod yapısı (Syntax), bir seçici ve seçicinin özelliklerini belirten ifadelerden oluşur.

CSS Kod Yapısı


Seçici : HTML yapısında css kodları etkileyeceğimiz kısmı belirler. Seçiciler bir html etiketi, id veya class değeri olabilir.

İfadeler : Seçiciye uygulayacağımız etkiyi belirlediğimiz alandır ve birden fazla ifade yazmak için noktalı virgül ile ayırabiliriz.

Özellik ve Değer : İfadeleri tanılamak için kullanılır.

Kısacası genel yapımız, ilk önce hangi html elemanını stilini değiştirmek istiyorsak seçici kısmına yazıyor sonra süslü parantezler ile bir kod bloğu oluşturuyoruz. Bu kod blokları arasında seçinin etkileneceği ifadeleri özellik ve değer şeklinde yazıyoruz. Birden fazla ifade için noktalı virgül kullanıyoruz.

CSS Syntax Örneği :

HTML-Kodu
p {
  color: blue;
  text-align: center;
}
Yukarıda ki CSS kodu, sitedeki tüm "p" yani paragraf etiketlerine yazı rengini mavi ve metni ortalama özelliği getirdi. Bu örnekte :
  • p bir seçici,
  • "color" özellik "blue" değer,
  • "text-align" özellik ve "center" ise değerdir.

CSS'de Yorum Satırları

Her dilde olduğu gibi CSS'de de yorum satırları mevcuttur. Bu yorum satırları ile CSS kodlarımızı "yorum" olarak tutabiliriz.

CSS Yorum Örneği :

HTML-Kodu
p {
  color: blue;  /* Tüm paragraf yazıları mavi olacaktır */
}
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

ExELaNCE bunu beğendi.
 
Alıntı Yap
Alt 13 Aralık 2023, 22:37   #2
Standart

İçerik gizlenmiştir.

İçerikleri görebilmek için üye olmalı ve üye girişi yapmalısınız.
Giriş Yap Kayıt Ol

N/a bunu beğendi.



[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
 
Alıntı Yap
Alt 13 Aralık 2023, 22:50   #3
Standart

İçerik gizlenmiştir.

İçerikleri görebilmek için üye olmalı ve üye girişi yapmalısınız.
Giriş Yap Kayıt Ol

N/a bunu beğendi.



[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
 
Alıntı Yap
Alt 13 Aralık 2023, 22:51   #4
Standart

İçerik gizlenmiştir.

İçerikleri görebilmek için üye olmalı ve üye girişi yapmalısınız.
Giriş Yap Kayıt Ol

N/a bunu beğendi.



[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
 
Alıntı Yap
Cevapla

Etiketler
css, kod, yapısı


Şu anda bu konuyu görüntüleyen etkin kullanıcılar: 1 (0 üye ve 1 ziyaretçi)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB kodu Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Kapalı


Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 16:24.