CSS sözdizimi Pıratik Öğrenim

Merhaba Kodlayıcılar!

Diyelim ki web sitemiz üzerinde çalışıyoruz ve nedense tüm başlıklarımızın (h1) kırmızı ve kalın olmasını istiyoruz. Şimdi, bunu nasıl yapacağız?
Yapmak istediğimiz, düzenlemek istediğimiz bir hedef öğe seçmek. Ancak bunu yapabilmemiz için uygun CSS sözdizimini yazmamız gerekiyor. CSS sözdizimi bir seçici, özellikler ve değerler içerir. Bununla, hangi öğeyi hedeflemek istediğinizi seçiyorsunuz, ardından değerlerini düzenleyerek hangi özellikleri değiştirmek istediğinizi bildiriyorsunuz.

İşte bir örnek:

lang="css" title="CSS Syntax"]Selector {
Property: value;
}

Genişletmek için tıkla ...

Yani h1 öğesinin kırmızı ve kalın olarak değiştirilmesi durumunda şöyle bir şey yazardık
KodSeç

lang="css" title="H1 red and bold"]h1 {
color: red;
font-weight: bold;
}

Genişletmek için tıkla ...

tag Larini unutmuyoruz

Yukarıda h1'i hedef olarak seçtim ve onu süslü parantezlerimle açıyorum. Oradan şu özellikleri ekledim: renk ve yazı tipi ağırlığı, arkasında iki nokta üst üste ve ardından bir değer (kırmızı ve kalın) ve noktalı virgül.