IRCForumu.ORG   çatla net
Goygoy


Ağaç Şeklinde Aç4Beğeni
  • 1 Post By N/a
  • 1 Post By Jayus
  • 1 Post By WildCat
  • 1 Post By Hobby

 
 
Seçenekler Stil
Alt 13 Aralık 2023, 22:18   #1
Kayıtlı Üye
N/a - ait Kullanıcı Resmi (Avatar)

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 */
}
Alıntı:
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
ExELaNCE bunu beğendi.
 
Alt 13 Aralık 2023, 22:37   #2
Standart

Emeğinize sağlık.

N/a bunu beğendi.
________________




[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
 
Alt 13 Aralık 2023, 22:50   #3
Carpediem
WildCat - ait Kullanıcı Resmi (Avatar)

Standart

Emeginize saglik paylasim icin tesekkur ederiz

N/a bunu beğendi.
________________

[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
 
Alt 13 Aralık 2023, 22:51   #4
Carpediem
Hobby - ait Kullanıcı Resmi (Avatar)

Standart

Paylasım için teşekkürler

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...]
 


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

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: 13:27.