Satır içi (inline) CSS kodları, HTML etiketlerine doğrudan eklenen stil bilgileridir. Bu yöntemle, belirli bir HTML öğesine özgü stil tanımları yapabilirsiniz. İşte bir örnek:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Satır İçi CSS Örneği</title>
</head>
<body>
<h1 style="color: blue; font-size: 28px;">Merhaba, Dünya!</h1>
<p style="font-family: 'Arial', sans-serif; color: #333;">Bu bir satır içi CSS örneğidir.</p>
</body>
</html>
Bu örnekte, style özelliği içindeki CSS kodları, her bir HTML öğesi için ayrı ayrı belirlenmiştir. Satır içi CSS kullanımı, belirli bir öğenin stilini belirlemek istediğiniz durumlarda pratik olabilir. Ancak genellikle büyük projelerde tercih edilmeyebilir, çünkü tekrar kullanılabilirlik ve bakım açısından zorluklara yol açabilir. Bu nedenle, daha karmaşık projelerde genellikle iç veya harici CSS tercih edilir.