Css

CSS Temel – CSS Söz Dizimi (Syntax)

CSS Söz Dizimi (Syntax)

CSS söz dizimi (syntax), tarayıcı tarafından yorumlanan ve daha sonra belgedeki ilgili öğelere uygulanan bir dizi stil kuralından oluşur.

Söz Dizimi

CSS kurallarının iki ana bölümü, bir seçicisi ve bir veya daha fazla bildirimi vardır:

CSS Yapısı

CSS Yapısı

Seçiciler, bir stilin hangi biçimlendirme unsurlarından hangisine uygulandığını bildirmek için kullanılır.

  • Seçici – Seçici, stilin uygulanacağı bir HTML etiketidir. Bu, <h1> veya <table> vb. Gibi herhangi bir etiket olabilir.
  • Özellik – Bir özellik, HTML etiketinin bir türüdür. Basitçe söylemek gerekirse, tüm HTML özellikleri CSS özelliklerine dönüştürülür. Onlar olabilir renk , sınır vs.
  • Değer – Değerler özelliklere atanır. Örneğin, color özelliği red veya # F1F1F1 vs. değerine sahip olabilir .

Her bildirim bir mülk ve değerden oluşur. Özellik, değiştirmek istediğiniz stil niteliğidir; renk veya kenarlık olabilirler. Her mülkün bir değeri vardır; örneğin, renk özelliği blue veya değerine sahip olabilir #0000FF.

CSS’yi daha okunaklı hale getirmek için, her satıra koyabilirsiniz, şöyle:

Yukarıdaki örnekte h1, bir seçici olan, color ve text-align özellikleri verilen vardır blue ve center bu özelliklerin karşılık gelen değerler bulunmaktadır.

Not: Bir CSS bildirimi her zaman ” ;” noktalı virgülle sona erer ve bildirim grupları her zaman ” {}” köşeli parantezin içine yazılır.

CSS Yorumları

Yorumlar, kaynak kodun daha kolay anlaşılmasını sağlamak amacıyla eklenir. Diğer geliştiricilere (veya kaynak kodunu düzenlerken gelecekteki sizlere) CSS ile ne yapmaya çalıştığınızı anlamanıza yardımcı olabilir. Yorumlar programcılar için önemlidir. Yorumlar tarayıcı tarafından okunmaz.

Bir CSS yorumu ile başlar /* ve biter */, Aşağıdaki örneğe bakın:

 

Yazar Hakkında

Beytullah Toprak

Genç girişimci olarak web sitemde siz değerli okuyucularımıza elimden geldiğince bilgi aktarmak hem öğrenmek , hem sizlere öğretmek amaçlamaktayız.

Yorum Yap