Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
   
Konu: CSS Eğitim: Kod Yapısı ve Açıklama kullanımı
Dark-Capar
*
avatar
Teğmen
Durum: Çevrimdışı
Seviye Puanı: 10
Yaşam Puanı: 24 / 227
Deneyim: 8 / 100
Rep Sayısı: 20
Mesaj Sayısı: 122
Üyelik Tarihi: 23.12.2015
     
Yorum: #1
CSS Eğitim: Kod Yapısı ve Açıklama kullanımı
03.01.2016 14:53
Merhaba Arkadaşlar,

Arkadaşlar css hakkında bilgilerimi elimden geldiğince size eğitim tarzında konu açarak sizlere aktaracağım.
Takıldığınız kısımları ö.m atarak sorabilirsiniz.
Konumuza geçelim.


CSS "Cascading Style Sheets”nin baş harflerinden oluşan bir kısaltmadır. Türkçeye cevirisi "Basamaklı Stil Sayfası" anlamına gelmektedir.

CSS kodlarını ikiye ayırırız. Bir tanesi seçim dediğimiz kısım diğeri ise bir ya da daha fazla özelliği bildirdiğimiz ifade kısmıdır.


Secim: Stilini belirlemek istediğimiz HTML elementidir.
İfade: Özellik ve Değer’den oluşan iki ifade arasının virgülle ayrıldığı ve tüm ifadelerin parantezler içine alınması ile oluşturulur.



Css ifadeleri her zaman noktalı virgül (;) ile biter.

CSS örnekleri:


Kod:
h1{color: blue; text-align: center;}

Css kodları yukarıdaki gibi tek satırda yazabiliriz. İsterseniz de aşağıdaki gibi alt alta sıralanmış bir şekilde yazabilirsiniz. Alt alta sıralarsanız daha düzenli olacaktır. Ben genellikle yaptığım kodlamalarda alt alta sıralarım.

Kod:
h1
   {
      color: blue;
      text-align: center;
   }

CSS Kodlamada Açıklama Kullanmak


Arkadaşlar açıklama kullanmamızın sebebi aradığımız kısmı kodu kolay bir şekilde bulmamızdır. O yüzden yaptığımız kodlamalarda açıklama kullanır isek bir problem oluştuğunda anında problemin nerede olduğunu anlaya biliriz. Açıklama kullanmak kodlamaya hiçbir şekilde zarar vermez. Olumsuz tarafı ise ne kadar fazla kullanır iseniz yazdığınız kodun boyutu o kadar artacaktır.

CSS'de açıklama kullanmak icin açıklamanın başıma "/*" sonuna ise "*/" koymalıyız.

Örneğin:


Kod:
/*Açıklamayı buraya yazın.*/

Her kod yapısı için açıklama kullanımı farklıdır.

Bir sonraki ders görüşmek üzere...
Alinti
Rep Verenler: OrJiNaL , ERTUĞRUL
ERTUĞRUL
*
avatar
Teğmen
Durum: Çevrimdışı
Seviye Puanı: 23
Yaşam Puanı: 266 / 566
Deneyim: 66 / 100
Rep Sayısı: 262
Mesaj Sayısı: 676
Üyelik Tarihi: 28.02.2015
     
Yorum: #2
Cvp: CSS Eğitim: Kod Yapısı ve Açıklama kullanımı
03.01.2016 22:07
Eline Sağlık
Alinti
Dark-Capar
*
avatar
Teğmen
Durum: Çevrimdışı
Seviye Puanı: 10
Yaşam Puanı: 24 / 227
Deneyim: 8 / 100
Rep Sayısı:
Mesaj Sayısı: 122
Üyelik Tarihi: 23.12.2015
     
Yorum: #3
Cvp: CSS Eğitim: Kod Yapısı ve Açıklama kullanımı
03.01.2016 22:20
(03.01.2016 22:07)RealWest Nickli Kullanıcıdan Alıntı:  Eline Sağlık

Tesekkur ederim yorumunuz için Smile Fakat ilginin bu kadar az olacağını düşünmüyordum :/
Alinti
ERTUĞRUL
*
avatar
Teğmen
Durum: Çevrimdışı
Seviye Puanı: 23
Yaşam Puanı: 266 / 566
Deneyim: 66 / 100
Rep Sayısı:
Mesaj Sayısı: 676
Üyelik Tarihi: 28.02.2015
     
Yorum: #4
Cvp: CSS Eğitim: Kod Yapısı ve Açıklama kullanımı
03.01.2016 22:32
(03.01.2016 22:20)Dark-Capar Nickli Kullanıcıdan Alıntı:  
(03.01.2016 22:07)RealWest Nickli Kullanıcıdan Alıntı:  Eline Sağlık

Tesekkur ederim yorumunuz için Smile Fakat ilginin bu kadar az olacağını düşünmüyordum :/

Şunu söyleyeyim günümüzde bilgi içeren konular değilde face hack,paypal hack gibi konular tutuluyor ama şöyle düşün senin konunu 50 tane kişi okuyup geçeceğine 5 kişi okusun bişi öğrensin sana teşekkür etsin o yeter Smile
Alinti
Dark-Capar
*
avatar
Teğmen
Durum: Çevrimdışı
Seviye Puanı: 10
Yaşam Puanı: 24 / 227
Deneyim: 8 / 100
Rep Sayısı:
Mesaj Sayısı: 122
Üyelik Tarihi: 23.12.2015
     
Yorum: #5
Cvp: CSS Eğitim: Kod Yapısı ve Açıklama kullanımı
03.01.2016 22:38
(03.01.2016 22:32)RealWest Nickli Kullanıcıdan Alıntı:  
(03.01.2016 22:20)Dark-Capar Nickli Kullanıcıdan Alıntı:  
(03.01.2016 22:07)RealWest Nickli Kullanıcıdan Alıntı:  Eline Sağlık

Tesekkur ederim yorumunuz için Smile Fakat ilginin bu kadar az olacağını düşünmüyordum :/

Şunu söyleyeyim günümüzde bilgi içeren konular değilde face hack,paypal hack gibi konular tutuluyor ama şöyle düşün senin konunu 50 tane kişi okuyup geçeceğine 5 kişi okusun bişi öğrensin sana teşekkür etsin o yeter Smile


Aynen o konuda haklisin Smile Neyse hayırlısı 1 kişi bile öğreniyorsa ne mutlu bana Smile
Alinti
Rep Verenler: ERTUĞRUL



1 Ziyaretçi