HTML Satır İçi (Inline) CSS Kodları

HTML içinde satır içi (inline) CSS kodları, belirli bir HTML elementine özel stil eklemek için kullanılır. Bu yaklaşım, genellikle belirli bir öğenin yalnızca tek bir durumu için geçerli olan küçük stil değişikliklerini yapmak için kullanışlıdır. İşte satır içi CSS kullanımının örnekleri:

1. Stil Atama:

   • Bir HTML elementine doğrudan stil atamak için style özelliği kullanılır.

   <p style="color: red; font-size: 16px;">Bu bir kırmızı renkli ve 16px büyüklüğünde paragraftır.</p>
   

2. Arka Plan Rengi:

   • Bir elementin arka plan rengini belirtmek için background-color özelliği kullanılır.

   <span style="background-color: yellow;">Bu metin sarı arka plana sahiptir.</span>
   

3. Metin Rengi:

   • Metnin rengini belirtmek için color özelliği kullanılır.

   <strong style="color: blue;">Bu metin mavi renkte vurgulanmıştır.</strong>
   

4. Yazı Tipi:

   • Yazı tipini belirtmek için font-family özelliği kullanılır.

   <em style="font-family: 'Courier New', monospace;">Bu metin monospaced yazı tipine sahiptir.</em>
   

5. Kenarlık ve Kenarlık Rengi:

   • Kenarlık özellikleri ile bir elemente kenarlık eklemek için border ve border-color özellikleri kullanılır.

   <div style="border: 1px solid #ccc; border-color: red;">Bu bir kenarlıklı kutudur.</div>
   

6. Metin Gölgeli:

   • Metni gölgeli yapmak için text-shadow özelliği kullanılabilir.

   <h2 style="text-shadow: 2px 2px 4px #666;">Bu başlık gölgeli bir efekte sahiptir.</h2>
   

Satır içi CSS kullanımı, küçük stil değişiklikleri veya belirli durumlar için uygun olabilir ancak genellikle büyük projelerde stil yönetimi ve bakım açısından daha karmaşık olduğu için genel olarak tercih edilmez. Bu tür durumlarda, harici CSS dosyaları kullanmak daha etkili olabilir.