Satır İçi CSS
Coddy'nin HTML Journey'sinin CSS ile Stil Verme bölümünün bir parçası. Ders 6 / 76.
Satır İçi CSS, style özniteliğini kullanarak CSS stillerini doğrudan bir HTML öğesine ekleme yöntemidir. Bu yaklaşım, harici veya dahili stil sayfalarına ihtiyaç duymadan tekil öğelere benzersiz stiller uygulamanıza olanak tanır. Satır içi stiller, tek bir öğede hızlı ve özel stil değişiklikleri yapmak için kullanışlıdır.
Satır içi CSS kullanımı için temel sözdizimi şöyledir:
<element style="property: value;"></element><element>: Stil vermek istediğiniz HTML öğesi.style: CSS bildirimlerini içeren bir öznitelik.
property: Ayarlamak istediğiniz CSS özelliği (ör. color, font-size).value: Özellik için ayarlamak istediğiniz değer (ör. blue, 16px).
Örneğin:
<p style="color: blue; font-size: 16px;">This is a paragraph with inline styles.</p>Bu örnekte, paragraf öğesi metin rengini maviye ve yazı tipi boyutunu 16 piksele ayarlayan satır içi stillere sahiptir. Bu stiller yalnızca bu belirli paragraf öğesine uygulanacaktır.
Görev
KolayParagraf öğesi içeren bir HTML belgeniz var. Paragrafı aşağıdaki özelliklerle biçimlendirmek için satır içi CSS kullanın:
- Metin rengini kırmızı olarak ayarlayın.
- Yazı tipi boyutunu 18 piksel olarak ayarlayın.
Yönlendirme için dersteki örneği inceleyin!
Kendin dene
<!DOCTYPE html>
<html>
<head>
<title>Inline CSS</title>
</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.
CSS ile Stil Verme bölümündeki tüm dersler
4Metin Temelleri
Metin RengiYazı Tipi AilesiYazı Tipi BoyutuYazı Tipi KalınlığıMetin HizalamaMetin SüslemesiTekrar Mücadelesi #1Tekrar Mücadelesi #2
Kendi başına pratik yap: Web playground