Satır İçi CSS
Coddy'nin HTML Journey'sinin Styling with CSS 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 (örneğin, color, font-size).value: Özellik için ayarlamak istediğiniz değer (örneğin, 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 (inline) stillere sahiptir. Bu stiller yalnızca bu belirli paragraf öğesine uygulanacaktır.
Görev
KolayBir paragraf öğesi içeren bir HTML belgesi size verilmiştir. Paragrafı aşağıdaki özelliklerle stillendirmek için satır içi (inline) CSS kullanın:
- Metin rengini "red" olarak ayarlayın.
- Yazı tipi boyutunu "18px" olarak ayarlayın.
Yol göstermesi için dersteki örneği kontrol edin!
Kopya kağıdı
CSS'i doğrudan HTML öğelerine uygulamak için style özniteliğini kullanın:
<element style="property: value;"></element>Birden fazla özelliğe sahip örnek:
<p style="color: blue; font-size: 16px;">This is a paragraph with inline styles.</p>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.
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