CSS Sözdizimi
Coddy'nin HTML Journey'sinin Styling with CSS bölümünün bir parçası — ders 2 / 76.
CSS'te, söz dizimi, CSS kodunun nasıl yazılması gerektiğini tanımlayan kurallar dizisini ifade eder. İyi yapılandırılmış ve işlevsel stil sayfaları oluşturmak için CSS söz dizimini anlamak esastır. Temel bir CSS kuralı, bir seçici ve bir bildirim bloğundan oluşur.
İşte basit bir döküm:
- Seçici: Stil vermek istediğiniz HTML öğesini belirtir (örneğin p, div, img).
- Bildirim Bloğu: Süslü parantezler
{}içine alınmış bir veya daha fazla bildirim içerir.
- Bildirim: Bir özellik ve bir değerden oluşur, iki nokta üst üste
:ile ayrılır (örneğin color:green;). Her bildirim bir noktalı virgül (;) ile sonlandırılmalıdır.
- Özellik: Değiştirmek istediğiniz stil özniteliği (örneğin, color, font-size).
- Değer: Özellik için ayarlamak istediğiniz değer (örneğin, blue, 16px).
Örneğin:
p {
color: blue;
font-size: 16px;
}Bu örnekte, p tüm paragraf öğelerini hedefleyen seçicidir. Bildirim bloğu iki bildirim içerir: biri metin rengini maviye, diğeri ise yazı tipi boyutunu 16 piksele ayarlar.
Görev
KolaySize bir paragraf öğesi ve bu paragraf için bir CSS kuralı içeren bir HTML kodu verilmiştir. Metin rengini red olarak değiştirmek için CSS kuralını düzenleyin.
Kopya kağıdı
CSS sözdizimi bir seçici ve bir bildirim bloğundan oluşur:
- Seçici: Stil verilecek HTML öğesini belirtir (örneğin p, div, img)
- Bildirim Bloğu: Süslü parantezler
{}içine alınmış bildirimleri içerir - Bildirim: İki nokta üst üste
:ile ayrılmış özellik ve değer, noktalı virgül;ile sonlandırılır - Özellik: Değiştirilecek stil özniteliği (örneğin, color, font-size)
- Değer: Özellik için değer (örneğin, blue, 16px)
p {
color: blue;
font-size: 16px;
}Kendin dene
<html>
<head>
<style>
p {
color: blue;
}
</style>
</head>
<body>
<p>This is a paragraph.</p>
</body>
</html>
Kendini test etBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Styling with CSS bölümündeki tüm dersler
4Metin Temelleri
Metin RengiYazı Tipi AilesiYazı Tipi BoyutuYazı Tipi KalınlığıMetin HizalamaMetin SüslemeTekrar Görevi #1Tekrar Görevi #2