Css Söz Dizimi - Css Dersleri

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.

Kod:Panoya kopyala

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.

VexraDev' Alıntı:

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.

Genişletmek için tıkla

Teşekkürler