İlk CSS Uygulamanız

Bu projede, basit bir HTML sayfasını CSS kullanarak stillendireceksiniz. Bu alıştırma, CSS'in temel kavramlarını uygulamalı olarak öğrenmenize yardımcı olacaktır.

Proje Detayları

Bu projede, basit bir HTML sayfasını CSS kullanarak stillendireceksiniz. Bu alıştırma, CSS'in temel kavramlarını uygulamalı olarak öğrenmenize yardımcı olacaktır.

Proje Adımları:

  1. Basit bir HTML sayfası oluşturun (başlık, paragraflar, listeler ve bir resim içeren)
  2. Sayfaya bir external CSS dosyası bağlayın
  3. Sayfa başlığının rengini ve boyutunu değiştirin
  4. Paragraf metinleri için yazı tipi ve satır aralığı belirleyin
  5. Resme kenarlık ve gölge ekleyin
  6. Sayfanın arkaplan rengini değiştirin
  7. Liste öğelerini özelleştirin

Başlangıç Kodu:


<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>İlk CSS Projem</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>CSS Öğreniyorum</h1>
    
    <p>Bu benim CSS ile oluşturduğum ilk web sayfası. CSS, web sayfalarının görünümünü kontrol etmek için kullanılan bir stil dilidir.</p>
    
    <h2>CSS ile Yapabileceklerim</h2>
    <ul>
        <li>Metin stillerini değiştirmek</li>
        <li>Renkleri ayarlamak</li>
        <li>Sayfa düzenini kontrol etmek</li>
        <li>Animasyonlar eklemek</li>
    </ul>
    
    <img src="https://via.placeholder.com/300x200" alt="Örnek Resim">
    
    <p>CSS öğrenmek, web geliştirme yolculuğumda önemli bir adım!</p>
</body>
</html>

Bu HTML dosyasını ve boş bir style.css dosyasını oluşturun, ardından CSS dosyasını yukarıdaki adımlara göre doldurun.