Css Söz Dizimi - Css Dersleri

[VexraDev]

Türkiye'de ilk Mobil & PC Aynı Anda Metin2 Oyna. Triarchonline kalıcı ve uzun ömürlü yapısı ile 24 Temmuz'da açılıyor. | 1-99 Mobil Metin2 Triarch HEMEN TIKLA!

Css söz dizimi yani css syntax nedir ve nasıl kullanılır? Css ile kodlarımızı nasıl yazarız?

Css kodlarımızın söz dizimi selector ve declaration kısımlarından oluşur.

Selector : Css kodumuzun etkileyeceği etiketlerin seçimini selector ile yapıyoruz.
Declaration : Css tanımlama kısmıdır.
=> property : özellik ismi. (örneğin ; color , background-color gibi.)
=> value : özelliğe verebileceğimiz değerdir. (örneğin ; blue , red gibi.)


Css söz dizimini anlatacak olursak, basit bir örnek, neredeyse tamamen anlamanızı sağlayabilir.

p {
color:blue;
}

Yukarıda Görülen bir Css kodudur ve sayfa içerisinde bulundan, "p" etiketi içeriğinin mavi renk olması için yazılan bir kod.

Burada anlayacağınız üzere, "p" yazılan kısım, işlem yapmak istediğiniz kısımda kullandığınız etikettir.
"Color" yazılan kısım, girilen "p" etiketine uygulamak istediğiniz özelliktir.
"Blue" yazılan kısım, girilen "p" etiketine uygulamak istediğimiz "color" yani renk özelliğine verilecek değer demektir.

Aslında işlem mantıksal ve basit, ilerleyen zamanlarda forumda paylaşacağım diğer konularla, ek özel derse ihtiyaç duymadan Css'i kullanmayı öğrenebilirsiniz.

Zaten css kodlarını elle girmek yerine, bunu çok daha kolay bir şekilde sağlayan programlar var. Hatta bazıları son zamanlarda çok popüler hale geldi.

Fakat yine de Css'i öncelik olarak bilmeniz gerekiyor, bu yüzden ilerleyen zamanlarda, bahsetmiş olduğum programlardan da bahsedeceğim.

 

[Corvis]

Css söz dizimini anlatacak olursak, basit bir örnek, neredeyse tamamen anlamanızı sağlayabilir.

p {
color:blue;
}

Yukarıda Görülen bir Css kodudur ve sayfa içerisinde bulundan, "p" etiketi içeriğinin mavi renk olması için yazılan bir kod.

Burada anlayacağınız üzere, "p" yazılan kısım, işlem yapmak istediğiniz kısımda kullandığınız etikettir.
"Color" yazılan kısım, girilen "p" etiketine uygulamak istediğiniz özelliktir.
"Blue" yazılan kısım, girilen "p" etiketine uygulamak istediğimiz "color" yani renk özelliğine verilecek değer demektir.

Aslında işlem mantıksal ve basit, ilerleyen zamanlarda forumda paylaşacağım diğer konularla, ek özel derse ihtiyaç duymadan Css'i kullanmayı öğrenebilirsiniz.

Zaten css kodlarını elle girmek yerine, bunu çok daha kolay bir şekilde sağlayan programlar var. Hatta bazıları son zamanlarda çok popüler hale geldi.

Fakat yine de Css'i öncelik olarak bilmeniz gerekiyor, bu yüzden ilerleyen zamanlarda, bahsetmiş olduğum programlardan da bahsedeceğim.

Teşekkürler