Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
CSS Eğitim: Kod Yapısı ve Açıklama kullanımı
#1
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.


www.deccal.org

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...
Beğenenler: OrJiNaL , ERTUĞRUL
#2
Eline Sağlık
Beğenenler:
#3
(03-01-2016, Saat: 22:07)RealWest Adlı Kullanıcıdan Alıntı: Eline Sağlık

Tesekkur ederim yorumunuz için exciting Fakat ilginin bu kadar az olacağını düşünmüyordum :/
Beğenenler:
#4
(03-01-2016, Saat: 22:20)Dark-Capar Adlı Kullanıcıdan Alıntı:
(03-01-2016, Saat: 22:07)RealWest Adlı Kullanıcıdan Alıntı: Eline Sağlık

Tesekkur ederim yorumunuz için exciting 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 exciting
Beğenenler:
#5
(03-01-2016, Saat: 22:32)RealWest Adlı Kullanıcıdan Alıntı:
(03-01-2016, Saat: 22:20)Dark-Capar Adlı Kullanıcıdan Alıntı:
(03-01-2016, Saat: 22:07)RealWest Adlı Kullanıcıdan Alıntı: Eline Sağlık

Tesekkur ederim yorumunuz için exciting 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 exciting


Aynen o konuda haklisin exciting Neyse hayırlısı 1 kişi bile öğreniyorsa ne mutlu bana exciting
Beğenenler: ERTUĞRUL
#6
eline saglık akrdeşim video cekerek daha verimli anlatabilirsiniz
Beğenenler:
#7
(03-01-2016, Saat: 23:52)archavin Adlı Kullanıcıdan Alıntı: eline saglık akrdeşim video cekerek daha verimli anlatabilirsiniz


Haklisiniz Co-Adminim fakat pc'nin sitem özellikleri çok düşük kastigindan dolayı video çekemiyorum aksi takdirde çekmek isterim exciting
Beğenenler:

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  HTML5 Eğitim Seti (Türkçe) D4RKG1RL 24 1,295 30-11-2016, Saat: 18:59
Son Yorum: Mrxxx
  CSS Eğitim: CSS Nasıl Eklenir ? Dark-Capar 6 228 07-02-2016, Saat: 02:08
Son Yorum: tanerkara
  CSS Eğitim: CSS ID, Class ve Tag Seçimi Dark-Capar 4 223 02-02-2016, Saat: 20:29
Son Yorum: ADaNaLı_FaCia
  Css 3.0 görsel eğitim seti.2013-2014 WesT 20 1,966 20-12-2015, Saat: 04:36
Son Yorum: eagle_paw
  HTML5 Görsel Eğitim Seti... WesT 9 1,350 17-11-2015, Saat: 22:53
Son Yorum: crashone
Anahtar Kelimeler

CSS Eğitim: Kod Yapısı ve Açıklama kullanımı indir, CSS Eğitim: Kod Yapısı ve Açıklama kullanımı Videosu, CSS Eğitim: Kod Yapısı ve Açıklama kullanımı Online izle, CSS Eğitim: Kod Yapısı ve Açıklama kullanımı Bedava indir, CSS Eğitim: Kod Yapısı ve Açıklama kullanımı Yükle, CSS Eğitim: Kod Yapısı ve Açıklama kullanımı Hakkında, CSS Eğitim: Kod Yapısı ve Açıklama kullanımı Nedir, CSS Eğitim: Kod Yapısı ve Açıklama kullanımı Free indir, CSS Eğitim: Kod Yapısı ve Açıklama kullanımı Oyunu, CSS Eğitim: Kod Yapısı ve Açıklama kullanımı Download


1 Ziyaretçi